Utilities for controlling the accented color of a form control. import { CustomizingYourThemeColors, ResponsiveDesign, TargetingSpecificStates, UsingACustomValue, } from "@/components/content.tsx";
Use utilities like accent-rose-500 and accent-lime-600 to change the accent color of an element:
This is helpful for styling elements like checkboxes and radio groups by overriding the browser's default color.
Use the color opacity modifier to control the opacity of an element's accent color:
Setting the accent color opacity has limited browser-support and only works in Firefox at this time.