From: Julien Déramond <juderamond@gmail.com>
Date: Fri, 9 Jan 2026 19:18:43 +0000 (+0100)
Subject: Fix Utilities > Theme examples text in some cases
X-Git-Url: http://git.ipfire.org/gitweb/index.cgi?a=commitdiff_plain;h=9fbea48f3c62d6fe92df810eb16fc746fc6fd7f6;p=thirdparty%2Fbootstrap.git

Fix Utilities > Theme examples text in some cases
---

diff --git a/site/src/content/docs/utilities/theme.mdx b/site/src/content/docs/utilities/theme.mdx
index 59c42b3946..0ddf1e7cd9 100644
--- a/site/src/content/docs/utilities/theme.mdx
+++ b/site/src/content/docs/utilities/theme.mdx
@@ -29,7 +29,7 @@ Subtle pairs the `bg-subtle` theme token with the `text` text color for a lower-
 
 And with borders:
 
-<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-subtle theme-border">.theme-${themeColor.name} .theme-subtle</div>`)} />
+<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-subtle theme-border">.theme-${themeColor.name} .theme-subtle .theme-border</div>`)} />
 
 ### Muted
 
@@ -39,7 +39,7 @@ Muted pairs the `bg-muted` theme token with the `text-emphasis` text color for a
 
 And with borders:
 
-<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-muted theme-border">.theme-${themeColor.name} .theme-muted</div>`)} />
+<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-muted theme-border">.theme-${themeColor.name} .theme-muted .theme-border</div>`)} />
 
 ## Comparison