Colour tokens
The tokens every block reads, in packages/ui/styles/colors.css. Change these first.
Ground and ink
The page and two text steps.
Background
--color-background
Foreground
--color-foreground
Muted foreground
--color-muted-foreground
Fills and lines
Cards, inputs and the lines between them.
Muted
--color-muted
Accent
Focus rings, selected tabs and accent text.
Accent
--color-accent
Accent strong
--color-accent-strong
Highlights
Icons and badges, then stats and tags.
Highlight
--color-highlight
Info
--color-info
Status
Status dots: operational, degraded, maintenance and outage.
Success
--color-success
Warning
--color-warning
Notice
--color-notice
Error
--color-error