Colors

All colors support light and dark modes.

Color palette

These are the current theme's colors. Clicking the theme button also updates the palette.

Background

Foreground

Primary

Secondary

Muted

Accent

Destructive

Border

Choose tokens by role instead of raw colors.

Page background and default text

Card background and text

Dialog and popover background and text

Primary actions and their text

Secondary actions and their text

Supporting surfaces and descriptions

Selected and hover states

Destructive actions such as deletion

Dividers, input borders, and focus indicators