WAIMAKERS brand tokens

tokensFoundations

The brand values: palette, type, space, radius, motion, and the colour roles for light and dark. Install it before any component.

bunx --bun shadcn@4.17.0 add @waimakers/tokens
Kit dependencies
None
npm dependencies
None

From the registry

The brand values themselves: the raw palette, the type, space, radius and motion scale, and the semantic roles — what a colour MEANS on a surface — set for light and redefined for dark under a prefers-color-scheme query. Install this before any component: the theme item maps shadcn's variables onto these roles and carries none of their values, so without the file a mapped variable resolves to nothing. Served verbatim from the one source in packages/ui, so the reasoning and the measured contrast ratios arrive with the values. Import it from your Tailwind entry, above the components that read it.

Files it writes

  • src/styles/tokens.cssfile