# @ox-content/theme-color-ayu

Ayu — Ayu Light and Ayu Mirage — for [Ox Content](https://github.com/ubugeeei-prod/ox-content).

**Color only.** Light and dark `--octc-*` tokens and nothing else: no layout, no
texture, no typography. That is what lets it drop under any skin package.

```bash
npm install @ox-content/theme-color-ayu
```

```ts
// vite.config.ts
import { defineConfig } from "vite";
import { oxContent } from "@ox-content/vite-plugin";
import ayu from "@ox-content/theme-color-ayu";

export default defineConfig({
  plugins: [
    oxContent({
      srcDir: "docs",
      ssg: { siteName: "My Docs", theme: ayu },
    }),
  ],
});
```

Stack a skin on top to change the form as well — layers compose left to right,
so anything you append wins:

```ts
import pixel from "@ox-content/theme-pixel";

theme: [pixel, ayu, { colors: { primary: "#ff5f56" } }];
```

## Variants

The default export stays `ayu` (Ayu Light and Ayu Mirage). Named variants
are exported from the same package:

```ts
import { ayuDark } from "@ox-content/theme-color-ayu";
```

- `ayuDark` — Ayu Light and Ayu Dark

## License

MIT