Colors

Colors

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

Paper ground

The page, its cobalt ink and the dashed hairlines.

  • Background

    --color-background

  • Foreground

    --color-foreground

  • Muted foreground

    --color-muted-foreground

  • Border

    --color-border

Cobalt panels

The footer, the forms, every card and the accent button.

  • Primary

    --color-primary

  • Primary hover

    --color-primary-hover

  • Primary foreground

    --color-primary-foreground

  • Primary muted

    --color-primary-muted

  • Field

    --color-field

Night

The default button, the search panel and card hovers.

  • Night

    --color-night

  • Night hover

    --color-night-hover