Colors
Semantic color tokens for consistent theming.
Surfaces
surface-primary
Main background
surface-secondary
Subtle backgrounds
surface-elevated
Cards, popovers
surface-inset
Inset areas, muted
Content
content-primary
Primary text
content-secondary
Secondary text
content-tertiary
Muted text, placeholders
content-inverse
Text on primary bg
Borders
border-default
Default borders
border-muted
Subtle borders
border-strong
Emphasized borders
Interactive
interactive-primary
Primary actions
interactive-secondary
Secondary actions
Status Colors
Each color has a surface (background) and content (text) variant.
gray
gray-surface / gray-content
red
red-surface / red-content
orange
orange-surface / orange-content
amber
amber-surface / amber-content
yellow
yellow-surface / yellow-content
lime
lime-surface / lime-content
green
green-surface / green-content
emerald
emerald-surface / emerald-content
teal
teal-surface / teal-content
cyan
cyan-surface / cyan-content
sky
sky-surface / sky-content
blue
blue-surface / blue-content
indigo
indigo-surface / indigo-content
violet
violet-surface / violet-content
purple
purple-surface / purple-content
fuchsia
fuchsia-surface / fuchsia-content
pink
pink-surface / pink-content
rose
rose-surface / rose-content