caret-* and accent-* color the text cursor and form controls.

Syntax#

html
<input class="accent-violet-500 caret-violet-500" type="text" />

All palettes apply#

Every palette in the colors/index|color system generates a caret-* class: the theme palettes of your chosen preset…

Patterns#

  • Match accent to the primary palette
  • caret for brand-flavored inputs

colors/index|Color hub · concepts/dark-mode-strategies|Dark mode · accessibility/color-contrast|Contrast