Colors, the tokens every component reads, and one colour for each field of work.

Colors

Tokens

What the components use. Change these first.

  • Background

    --color-background

  • Foreground

    --color-foreground

  • Muted

    --color-muted

  • Muted hover

    --color-muted-hover

  • Muted foreground

    --color-muted-foreground

  • Primary

    --color-primary

  • Border

    --color-border

Role families

One colour per field of work, shown as small chips. Fields live in src/data/families.ts.

  • Tarot

    --color-design

  • Psychic

    --color-engineering

  • Medium

    --color-product

  • Energy

    --color-data