spice up the example

Author: mdo

site/src/content/docs/utilities/theme.mdx

@@ -17,13 +17,13 @@ Take any of our theme color classes and add `.theme-contrast`, `.theme-subtle`,
 
 ### Contrast
 
-Contrast pairs the `bg` theme token with the `contrast` text color for maximum readability. This is ideal for high-emphasis elements with solid backgrounds.
+Contrast pairs the `bg` theme token with the `contrast` text color for maximum readability with `.theme-contrast`. This is ideal for high-emphasis elements with solid backgrounds.
 
 <Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-contrast">.theme-${themeColor.name} .theme-contrast</div>`)} />
 
 Nested links inherit the contrast foreground so they stay legible on the solid background:
 
-<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-3 theme-${themeColor.name} theme-contrast">Theme ${themeColor.title} with a <a href="#">nested link</a> inside.</div>`)} />
+<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-3 theme-${themeColor.name} theme-contrast">Theme ${themeColor.title} with a <a class="underline-50 hover:underline-100" href="#">nested link</a> inside.</div>`)} />
 
 ### Subtle