@scattered-light/loomiere-mojave

Mojave, the demo theme for Loomiere: desert stone neutrals with a purple accent, built from one brand file, brand/mojave.json.

Use it to try Loomiere without making a brand, or as the starting point for one (loomiere init copies this brand).

import '@scattered-light/loomiere-mojave/tokens.css';
import '@scattered-light/loomiere-mojave/utilities.css';

It ships everything loomiere build writes: tokens.css, utilities.css, tokens (JS), tokens.json, pairs.json, and exports/* for Tailwind, shadcn/ui, MUI, Chakra, Figma, DTCG, a Claude Design System (exports/design-system/) and AGENTS.md. Tailwind, shadcn/ui and AG Grid have short paths:

@import "tailwindcss";
@import "@scattered-light/loomiere-mojave/tailwind.css";   /* or shadcn.css for shadcn/ui */

import { withBrand } from '@scattered-light/loomiere-mojave/ag-grid/v36';
import '@scattered-light/loomiere-mojave/ag-grid/v36.css';

Changing it

In this repo: npm run studio or npm run lab from the root, then npm run theme to rebuild into dist/.