From 7220385e1f50d1bb9a6e8868a9b3e051d8e44031 Mon Sep 17 00:00:00 2001
From: jonnysp <jonnysp@users.noreply.github.com>
Date: Thu, 17 Sep 2026 15:03:00 +0200
Subject: [PATCH] Update card component theme class naming

---
 site/src/content/docs/components/card.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/content/docs/components/card.mdx b/site/src/content/docs/components/card.mdx
index 0f860f8a59ac..89c01758331c 100644
--- a/site/src/content/docs/components/card.mdx
+++ b/site/src/content/docs/components/card.mdx
@@ -394,7 +394,7 @@ Customize cards by using our theme color utilities. By default, cards use `bg` f
       <h4 class="card-title">Card title</h4>
       <p class="card-text">Card text…</p>
     </div>
-  </div>`)} customMarkup={getData('theme-colors').map((themeColor) => `<div class="card card-${themeColor.name}">…</div>`)} />
+  </div>`)} customMarkup={getData('theme-colors').map((themeColor) => `<div class="card theme-${themeColor.name}">…</div>`)} />
 
 <Example class="d-grid grid grid-cols-1 md:grid-cols-2 gap-4" code={getData('theme-colors').map((themeColor) => `<div class="card card-subtle theme-${themeColor.name}">
     <div class="card-header">${themeColor.title}</div>