Theming

Swap the brand in 10 seconds. Without forking a single component.

Every visual property routes through @takeoff-design/tokens as CSS custom properties. Change three variables — primary hue, radius, density — and the whole library follows. The components themselves never change.

--primary hue352°
--radius8px
densitycomfy
Live preview