Design System & UI Kit

Background

--background

Use: bg-background

Foreground

--foreground

Use: bg-foreground

Card

--card

Use: bg-card

Card Foreground

--card-foreground

Use: bg-card-foreground

Popover

--popover

Use: bg-popover

Popover Foreground

--popover-foreground

Use: bg-popover-foreground

Primary

--primary

Use: bg-primary

Primary Foreground

--primary-foreground

Use: bg-primary-foreground

Secondary

--secondary

Use: bg-secondary

Secondary Foreground

--secondary-foreground

Use: bg-secondary-foreground

Muted

--muted

Use: bg-muted

Muted Foreground

--muted-foreground

Use: bg-muted-foreground

Accent

--accent

Use: bg-accent

Accent Foreground

--accent-foreground

Use: bg-accent-foreground

Destructive

--destructive

Use: bg-destructive

Destructive Foreground

--destructive-foreground

Use: bg-destructive-foreground

Border

--border

Use: bg-border

Input

--input

Use: bg-input

Ring

--ring

Use: bg-ring