Colour tokens

The tokens every component reads, in src/styles/colors.css. Change these first.

Ground and ink

The paper page and two text steps.

  • Background

    --color-background

  • Foreground

    --color-foreground

  • Muted foreground

    --color-muted-foreground

Fills and lines

Cards, inputs, stripes and the lines between them.

  • Muted

    --color-muted

Accent

Selected tabs, focus rings and the shader.

  • Accent

    --color-accent

  • Accent strong

    --color-accent-strong

Highlights

Icons and badges, then the stats labels and numbers.

  • Highlight

    --color-highlight

  • Info

    --color-info