Expand description
Material Design 3 system-color renderer — emits the 34 --md-sys-color-*
CSS custom properties Material consumers (e.g. pleme-mui) expect, every one
MAPPED from the ishou TokenSet. This is the render target that lets the
Material component library consume ishou instead of forking its own
hard-coded MD3 palette — the move that collapses the design-system fork
(ishou ↔ pleme-mui/irodori) the fleet audit named.
ishou’s token sets are dark-first (Nord / Vellum), so the mapping is a dark
MD3 scheme: MD3’s tonal roles are bound to ishou’s semantic roles + the
4-step polar_night surface ladder. Render this target from a different
TokenSet (a light or brand theme) to get that theme’s MD3 surface — the
mapping is one place, the theme is the input. The on-* (contrast) roles
bind to the opposing end of the scale (dark background on the light
accents; light text on the dark surfaces).
Functions§
- render
- Render the MD3 system-color sheet from a token set.