Colors | Docs

Token	Used for
`primary` / `primaryForeground`	accents, list markers, progress bar, primary badges
`accent` / `accentForeground`	secondary accents
`background`	around the slide (stage background)
`foreground`	page text
`card` / `cardForeground`	slide background and text
`border`	borders of slides, cards, tables
`muted` / `mutedForeground`	code background, secondary text

TypeScript
theme: {
  colors: { primary: "#7c3aed", card: "#ffffff" },
  dark: { primary: "#a78bfa", card: "#121521" },
}

colors applies to both modes; dark overrides it in dark mode.

Click the deck, then use ← → · 6 slides · 00:30Open fullscreen →