Tokens / Color
Color
Choose colors by their role and compare light and dark values.
Foreground
Colors for text and icons.
| Token and description | Light Value | Dark Value |
|---|---|---|
Border
Colors for outlines and dividers.
| Token and description | Light Value | Dark Value |
|---|---|---|
Background
Colors for pages, surfaces, and fills.
| Token and description | Light Value | Dark Value |
|---|---|---|
Button
Colors for button variants and states.
| Token and description | Light Value | Dark Value |
|---|---|---|
Skeleton
Colors for loading placeholders.
| Token and description | Light Value | Dark Value |
|---|---|---|