# Theme: Amber

The Corsair theme on a stone base with an amber primary and square corners. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.

Docs: https://corsairui.vercel.app/docs/theme-amber

## Install

```bash
pnpm dlx shadcn@latest add @corsair-ui/theme-amber
```

Also adds: `theme`.

## Styling

Restyle it in the project that installs it: `className` on each part, the theme variables, and these attributes with arbitrary variants (`[&_[data-slot=…]]:…`, `data-[state=…]:…`).

- It installs the theme first, then sets these colours and the radius. To change a colour afterwards, edit the variable in your global CSS, or build a new set on the Themes page (/themes).

## Accessibility

- Every text pair (text, muted text, primary and destructive buttons, cards) reaches WCAG AA, 4.5:1, in light and dark mode.

## Examples

On the docs page: Light and dark. The usage examples in the source comments below are the reference.