Complete token sets — colours, radius and type — that drop straight into your globals.css. Preview a theme on a real component before you take it.
Deep zinc surfaces with an electric blue accent. The default for dark-first products.
Warm off-white ground, ink-black type and a restrained amber accent. Editorial by default.
Violet-to-cyan gradients over near-black, with generous radii and glow-heavy focus rings.
Phosphor green on charcoal, monospace everything, square corners. For tools, not brochures.
Soft neutral surfaces, high-contrast text and AA-tested state colours throughout.
Translucent panels, blue-tinted borders and a light rim on every raised surface.
Hard edges, heavy borders, no shadows. Black on bone with a single hazard yellow.
Cream ground, deep green ink and a wide measure. Built for long-form reading.
Magenta and cyan on deep indigo, with glow on every interactive surface.
Neutral greys with almost no hue. Designed to disappear behind dense data.
Warm peach into coral, with enough contrast to stay readable in daylight.
Slate blues at depth, teal for action. Low glare for long sessions.
Pure black and white, one weight of grey, and nothing else. Type does the work.
Violet-forward dark theme with lilac accents and soft elevation.
Deep green surfaces with moss accents, contrast-checked to AA throughout.
Drafting-table blue with hairline grid borders and monospace numerals.
Near-black surfaces with a rose accent that only shows up where it matters.
Navy depths with a cyan light source. Built for dashboards that run all night.
Charcoal and acid lime — loud in one place, silent everywhere else.
Violet-tinted darkness with a soft orchid accent. Editorial, not neon.
Warm dark browns lit by a single orange. Reads like a terminal at dusk.
Deep green ground with a mint accent. Calm without going grey.
Blue-grey surfaces and an ice accent. The quiet end of dark mode.
Dark red-brown with a muted coral. Serious, with one raised voice.
Warm off-white paper and a terracotta accent. Built for long reading.
Cool white with a confident navy. The default for something people pay for.
Pale green light and a forest accent. Soft without being washed out.
Sand and umber. Warm enough to read outside, quiet enough for a document.
Drafting-paper grey with an engineering blue. For tools, not marketing.
The lightest possible pink with a magenta accent. Cheerful, still legible.
Midnight
General Sans · radius 0.65rem
Create your workspace
Pick a name — you can change it later.
:root { --background: oklch(0.146 0.004 285.9); --foreground: oklch(0.967 0.001 286.4); --card: oklch(0.184 0.008 285.6); --card-foreground: oklch(0.967 0.001 286.4); --popover: oklch(0.184 0.008 285.6); --popover-foreground: oklch(0.967 0.001 286.4); --primary: oklch(0.633 0.168 247.4); --primary-foreground: oklch(0.145 0 0); --secondary: oklch(0.238 0.011 285.5); --secondary-foreground: oklch(0.967 0.001 286.4); --muted: oklch(0.238 0.011 285.5); --muted-foreground: oklch(0.587 0.002 286.4); --accent: oklch(0.238 0.011 285.5); --accent-foreground: oklch(0.967 0.001 286.4); --border: oklch(0.272 0.015 285.4); --input: oklch(0.272 0.015 285.4); --ring: oklch(0.633 0.168 247.4); --radius: 0.65rem; }