Caret Color

Utilities for controlling the color of the text input cursor.

Class	CSS Output
`caret-red-50`	`caret-color: var(--color-red-50); }`
`caret-blue-50`	`caret-color: var(--color-blue-50); }`
`caret-green-50`	`caret-color: var(--color-green-50); }`
`caret-gray-50`	`caret-color: var(--color-gray-50); }`
`caret-[#ff0000]`	`caret-color: #ff0000; }`
`caret-red-500/50`	`caret-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); }`

caret-red-50

caret-color: var(--color-red-50);

caret-blue-50

caret-color: var(--color-blue-50);

caret-green-50

caret-color: var(--color-green-50);

caret-gray-50

caret-color: var(--color-gray-50);

caret-[#ff0000]

caret-color: #ff0000;

caret-red-500/50

caret-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);

Reference

MDN ↗