color

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

Examples

Basic example

Use utilities like text-blue-600 and text-sky-400 to control the text color of an element:

Changing the opacity

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

Using a custom value

Applying on hover

Responsive design

Customizing your theme