fill-*/stroke-* in every palette.

Syntax#

html
<svg class="fill-emerald-500">…</svg>

All palettes apply#

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

Patterns#

  • Icons inherit via fill-current
  • Charts: one palette, shades for series

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