Style reference

Every element below is a shadcn component rendering the installed preset. Flip the theme in the top right to check both palettes.

Palette

Semantic tokens from globals.css. Swap the values there, not here.

background

foreground

card

primary

secondary

muted

accent

destructive

border

chart-1

chart-2

chart-3

chart-4

chart-5

Six variants and four sizes, all driven by the preset's radius and type scale.

Inputs share one underline treatment across text, select, and checkbox.

New request

A representative form so spacing and focus states are visible.

Title

Cadence

Notes

Notify me on changes

Tabs in both list variants — solid and line.

The line variant drops the filled track.

Panels inherit body type, so long-form copy sits comfortably here.

Dialog, tooltip, and toast — each themed from the same tokens.

Avatars, badges, and loading placeholders.

JMRMAI

DefaultSecondaryDestructiveOutline