Themes

Map semantic variables to scale tokens for light and dark modes.

NameBase modeDark

base

  • background
  • foreground
  • border
  • border-foreground
  • card
  • card-foreground
  • input
  • input-foreground

overlay

  • muted
  • muted-foreground
  • faded
  • faded-foreground

brand

  • primary
  • primary-foreground
  • secondary
  • secondary-foreground
  • tertiary
  • tertiary-foreground

status

  • info
    oklch(0.5876 0.1389 24…
    oklch(0.5 0.1193 242.7…
  • success
    oklch(0.596 0.1274 163…
    oklch(0.5081 0.1049 16…
  • warning
    oklch(0.6658 0.1574 58…
    oklch(0.5553 0.1455 49…
  • destructive
    oklch(0.5771 0.2152 27…
    oklch(0.5054 0.1905 27…