Brand & tokens

Theming light & dark

Build authored light and dark inputs through one pipeline and select generated themes at the application boundary.

Separate authored inputs

DESIGN.md and DESIGN.dark.md are checked-in inputs. CSS

TypeScript

JSON

and Dart files are generated outputs.

Sources for block 1: design-system-bundle

Build both themes

Theme build
wyrd-tokens build-themes --brand-dir . --brand example --out dist/example

Verified by tokens-cli.

Sources for block 1: tokens-cli