Chroma.
Midnight

The theme is the interface

Your colour.
Your call.

Pick a mood in the bar above, or hit Randomise. The whole page re-skins instantly - because every colour here is a token, and the tokens are now a control surface. Your choice is remembered.

See it applied

Live preview

One palette, everywhere at once.

Cards

Surfaces & accents

Backgrounds, borders, tags and headings all read from the same ten tokens - so they move together the instant you change the palette.

Buttons

Calls to action

Primary fills with the accent, text flips to its paired on-accent colour for contrast - automatically, in any palette you throw at it.

Type

Headings & body

Heading, body and muted are distinct tokens, so hierarchy survives a jump from a bright Paper to a deep Neon without a single edit.

"A design system isn't the colours you chose. It's the colours you can change."

How it works

Custom properties, all the way down.

The switcher writes ten CSS custom properties onto the page root; every rule references them, so the browser repaints the whole design in one frame. The randomiser builds a fresh, coherent palette from a single hue with a little HSL maths. No reload, no framework, about ninety lines of vanilla JavaScript - and it doubles as a live demo of lazysite's token model.