text-decoration-color

Utilities for controlling the color of text decorations. import { CustomizingYourThemeColors, ResponsiveDesign, TargetingSpecificStates, UsingACustomValue, } from "@/components/content.tsx";

Examples

Basic example

Use utilities like decoration-sky-500 and decoration-pink-500 to change the text decoration color of an element:

Changing the opacity

Use the color opacity modifier to control the text decoration color opacity of an element:

Using a custom value

Applying on hover

Responsive design

Customizing your theme