Themes

Legacy Theme Presets

`/create` is now the active theming flow.

The old preset switcher has been retired from the public docs shell. Use `/create` to tune colors, radii, fonts, and styles against the live docs preview.

Open /create

Primary Theme Colors

Background

var(--background)

Foreground

var(--foreground)

Primary

var(--primary)

Primary Foreground

var(--primary-foreground)

Secondary & Accent Colors

Secondary

var(--secondary)

Secondary Foreground

var(--secondary-foreground)

Accent

var(--accent)

Accent Foreground

var(--accent-foreground)

UI Component Colors

Card

var(--card)

Card Foreground

var(--card-foreground)

Popover

var(--popover)

Popover Foreground

var(--popover-foreground)

Muted

var(--muted)

Muted Foreground

var(--muted-foreground)

Utility & Form Colors

Border

var(--border)

Input

var(--input)

Ring

var(--ring)

Status & Feedback Colors

Destructive

var(--destructive)

Destructive Foreground

Chart & Visualization Colors

Chart 1

var(--chart-1)

Chart 2

var(--chart-2)

Chart 3

var(--chart-3)

Chart 4

var(--chart-4)

Chart 5

var(--chart-5)