Colour
37 slots per scheme. Carbon is the default. Pick the slot by what the thing is.
Ground & surfaces
--background
#0d0d0d
Page ground, and a panel's fill
--chrome
#010101
Header and footer bars, the gutter between panels
--surface-sunken
#0a0a0a
One step below the ground: rails, panel bodies
--card
#1b1b1b
Raised surface: cards, properties sections, dialogs
--muted
#0f0f0f
De-emphasised fill
Text
--foreground
#f2f2f2
Default text
--muted-foreground
#8f8f8f
Secondary text, hints, units
--row-text
#c2c2c2
A row's resting label
--row-hovered
#222222
A hovered row in lists and menus
Controls
--control-fill
#080808
Shared fill of every control
--control-fill-hovered
#070707
Control fill, hovered
--control-fill-focused
#000000
Control fill, focused
--control-border
#2a2a2a
Shared stroke of every control
--secondary
#303030
A neutral filled control
--secondary-hovered
#424242
Secondary, hovered
--secondary-foreground
#f2f2f2
Text on secondary
--switch-track-inactive
#0f0f0f
A switch while off
Floating
--popover
#000000
Menus, select popups, anything floating
--popover-border
#1c1c1c
A popover's edge
--popover-item-hovered
#1f1f1f
Hover inside select and date popups
--tooltip-background
#080808
Tooltips, above everything
--tooltip-border
#1f1f1f
A tooltip's edge
Accent & state
--primary
#e8e8e8
The accent. The one thing that's on or chosen
--primary-hovered
#fefefe
Primary, hovered
--primary-foreground
#000000
Text on primary
--destructive
#c43333
Delete, revoke, discard
--ring
#ffffff
Keyboard focus
Lines & panels
--border
#010101
General outline
--divider
#202020
A seam between things
--panel-border
#222222
A panel's edge, resting
--panel-border-highlighted
#3a3a3a
The lit panel's edge
--properties-section-border
#272727
A properties section's edge
Charts
--chart-1
#f45b69
Data visualisation
--chart-2
#86d957
Data visualisation
--chart-3
#62a7ff
Data visualisation
--chart-4
#ffc857
Data visualisation
--chart-5
#ff8c42
Data visualisation
Other schemes, same slots in the same order
Light
Dark