Colors

Every token in src/styles/colors.css: four neutrals for the site, and two kept for the phone mockups. Muted does both soft surfaces and lines.

Site

The four neutrals the whole template is built from.

  • Background

    --color-background

  • Foreground

    --color-foreground

  • Muted

    --color-muted

  • Muted foreground

    --color-muted-foreground

App

Kept for the phone mockups only: the screens' small accent details and the phone's bezel.

  • Accent

    --color-accent

  • Metal shade

    --color-metal-shade