Design tokens

The colors, the radii and the fonts are in one CSS file. The dashboard and the docs site read it.

One file has the colors, the radii and the font families.

1 / 3

A design token is a value of the design with a name. The file is web/src/styles/tokens.css.

The tokens are plain CSS custom properties:

Selector	Values
`:root`	The light values
`.dark`	The dark values

Change colors in tokens.css only

The two projects depend on this file. After a change, run the commands below.

After a change

In web/

npm run typecheck
npm run build
npm test

In docs/

npm run build

Add an endpoint

The TypeScript types copy the Rust types by hand. When the API changes, update four files in order.

The dev proxy

Vite sends three paths to ferryd. Thus the browser gets the app and the API from one origin.