Colour
Every theme sets the same 25 colours. These are the current theme's.
Ground
bg
bg-alt
surface
surface-raised
surface-hover
Line
border-subtle
border
border-strong
Ink
text
text-dim
text-muted
text-inverse
Accent
accent
accent-hover
accent-alt
accent-contrast
accent-gradient
Signal
success
warning
danger
info
Shadow and selection
shadow-color
shadow-highlight
selection-bg
selection-text
Across the themes
| Token | Core | Condimental | Dissonance | Household | Routine | Specimen | Parchment |
|---|---|---|---|---|---|---|---|
--ds-color-bg | |||||||
--ds-color-bg-alt | |||||||
--ds-color-surface | |||||||
--ds-color-surface-raised | |||||||
--ds-color-surface-hover | |||||||
--ds-color-border-subtle | |||||||
--ds-color-border | |||||||
--ds-color-border-strong | |||||||
--ds-color-text | |||||||
--ds-color-text-dim | |||||||
--ds-color-text-muted | |||||||
--ds-color-text-inverse | |||||||
--ds-color-accent | |||||||
--ds-color-accent-hover | |||||||
--ds-color-accent-alt | |||||||
--ds-color-accent-contrast | |||||||
--ds-color-accent-gradient | |||||||
--ds-color-success | |||||||
--ds-color-warning | |||||||
--ds-color-danger | |||||||
--ds-color-info | |||||||
--ds-color-shadow-color | |||||||
--ds-color-shadow-highlight | |||||||
--ds-color-selection-bg | |||||||
--ds-color-selection-text |
The 2 that don't change
Gradient text keeps its own gold and the check badge keeps its green. The first should look the same everywhere it appears. The second is a success signal, and a tick that changes colour per app stops reading at a glance.