# Colors

| 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                     |

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

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

<StoryEmbed slug="pitch" slide={1} />