Theme

Colour, type, buttons and depth. Components read semantic tokens only, so anything changed here moves the whole app at once.

Core palette

The locked Particle OS palette. Ink is dominant, sage #7fa98b is sparse: CTA, active nav dot, done step.

editing dark mode

Canvas

--background

Surface

--card

Surface muted

--muted

Ink

--foreground

Muted ink

--muted-foreground

Faint

--faint

Border

--border

Sage #7fa98b (accent)

--primary

On sage

--primary-foreground

Accent muted

--accent

Clay (danger)

--destructive

Amber (warning)

--warning

Typography

Display serif on h1/h2/h3 only. Numerics are always sans and tabular, never serif.

applies to both modes

Display family

--font-display

Used on h1, h2 and h3

Body family

--font-body-stack

Everything that is not a heading

H1 size

--h1-size

H1 weight

--h1-weight

H1 line height

--h1-line

H1 tracking

--h1-tracking

H2 size

--h2-size

H2 weight

--h2-weight

H2 line height

--h2-line

H2 tracking

--h2-tracking

H3 size

--h3-size

H3 weight

--h3-weight

H3 line height

--h3-line

H3 tracking

--h3-tracking

Body size

--body-size

Body weight

--body-weight

Body line height

--body-line

Small size

--small-size

Numeric weight

--numeric-weight

Applied to every figure in the app

Buttons and chips

Pill by default. Radius, padding and weight apply to every button variant.

applies to both modes

Button radius

--button-radius

Padding X

--button-padding-x

Padding Y

--button-padding-y

Label weight

--button-weight

Shape, depth and motion

Radius 20 to 24px on cards, 12px on inputs. One motion per element.

applies to both modes

Card radius

--radius-card

Large card radius

--radius-card-lg

Input radius

--radius-input

Motion easing

--ease-blend

Elevation

shadow-card on cards, shadow-pop on menus.

editing dark mode

Card shadow

--elevation-card

Menu shadow

--elevation-pop

Live preview

Changes apply instantly and save themselves — whatever you set here, including light/dark, becomes the workspace default.

Saved as the default

Heading three

Body copy in the current body family.

122,149.14 Hz