Tokens
All design decisions, in one place.
Color (light)
bg
hsl(0 0% 100%)
bg-elevated
hsl(0 0% 100%)
bg-subtle
hsl(220 14% 97%)
fg
hsl(220 26% 14%)
fg-muted
hsl(220 9% 38%)
muted
hsl(220 14% 96%)
border
hsl(220 13% 91%)
border-strong
hsl(220 13% 78%)
accent
hsl(217 91% 50%)
accent-fg
hsl(0 0% 100%)
accent-strong
hsl(217 91% 38%)
danger
hsl(0 72% 51%)
danger-fg
hsl(0 0% 100%)
success
hsl(142 71% 30%)
success-fg
hsl(0 0% 100%)
warning
hsl(38 92% 50%)
warning-fg
hsl(38 92% 10%)
ring
hsl(217 91% 50%)
Spacing
spacing.10.25remspacing.20.5remspacing.30.75remspacing.41remspacing.61.5remspacing.82remspacing.123remspacing.164remspacing.246remRadius
none0sm0.25remmd0.5remlg0.75remxl1remfull9999pxShadow
nonesmmdlg