Tokens
Every semantic token and its current resolved value. Switch themes or color scheme to see values update live.
Surface & Text
| --color-background | … |
| --color-foreground | … |
Card
| --color-card | … |
| --color-card-foreground | … |
Popover
| --color-popover | … |
| --color-popover-foreground | … |
Primary
| --color-primary | … |
| --color-primary-foreground | … |
Secondary
| --color-secondary | … |
| --color-secondary-foreground | … |
Muted
| --color-muted | … |
| --color-muted-foreground | … |
Accent
| --color-accent | … |
| --color-accent-foreground | … |
Destructive
| --color-destructive | … |
| --color-destructive-foreground | … |
Success
| --color-success | … |
| --color-success-foreground | … |
Warning
| --color-warning | … |
| --color-warning-foreground | … |
Info
| --color-info | … |
| --color-info-foreground | … |
Utility
| --color-border | … |
| --color-input | … |
| --color-ring | … |
Radius
| --radius-sm | … |
| --radius-md | … |
| --radius-lg | … |
| --radius-xl | … |
Typography
| --font-display | … |
| --font-reading | … |
| --font-interface | … |
| --font-mono | … |