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.

>-

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.