15
4 min
Theming without duplication
Dark mode built by copying every component and editing colors by hand is how you get two systems that drift apart by Friday.
The payoff of the whole model: components stay fixed. Only token values change per theme. Light, dark, and brand are alternate value sets over the same structure.
Same names. Same hops. button-bg still points at primary. primary still points at blue-600. The hex behind blue-600 is what moves.
Switch the theme. Do not touch the components.
Search the system
Same card. Same input. Same button. Only the token values changed.
The card, the input, and the button did not get rewritten. They resolved a different value set. That is a theme.