Best dark-mode design styles
Good dark mode is not a light theme with the colors flipped. It is designed dark-first: a layered near-black palette that creates depth, type and contrast tuned so it stays legible, and accents that glow without straining the eye. These dark styles from Curio's library do exactly that — each one a complete system your AI can apply over MCP or a DESIGN.md download.
What makes a dark style work
Dark styles that hold up share a few traits: a layered palette of near-blacks and greys that gives surfaces depth instead of a flat void, text contrast tuned to stay readable without harsh pure-white glare, and accent colors chosen to read as luminous against the dark. The hard part is the same restraint as light mode — depth and mood without losing legibility.
Every style below is a full design system — colors, typography, spacing, components, and rules — not a template. You do not edit it by hand; you point your AI at it and it builds your interface in that style. Tap "What is it" to read the full guide, or "View spec" to see the system.
The styles
-
1
Aboriginal Dot Painting (Papunya 1971)
Ochre memory, held steady. Raw umber ground, Cormorant type, disciplined dot-fields.
-
2
Acid House Smiley (1988)
Rave energy hits first. Acid yellow on black, Anton caps, smiley glow.
-
3
Apple Fitness Rings Closed (2024)
Midnight feels exact. Magenta, green, and cyan rings lock onto OLED black.
-
4
Apple Liquid Glass 2024
Skeuomorphism, reborn for spatial. Frosted panels, specular highlights, depth as a design material.
-
5
Art Brut (Dubuffet, 1948)
Rawness crowds the frame. Mud brown, oxblood marks, and hand scrawl erase the margins.
-
6
Art Deco Jazz Age
Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.
-
7
Discord 2024
Blurple cozy. Charcoal grounds, illustrated characters — every surface says 'hang out, don't work'.
-
8
Doom 1993 Toxic Green
Radioactive metal bites. Toxic green readouts glow over rust bevels and CRT grain.
-
9
Emoji & Sticker Design
Joy goes glossy. Blob-yellow spheres pop on charcoal with brown sticker outlines.
-
10
Fela Kuti Afrobeat Album (1976)
Protest rhythm made visual. Red-yellow-green blocks and compressed Anton shout on black.
-
11
German Expressionist Cinema
Dread is painted, not cast. Amber type, steel-blue flats, and oblique shadows bend the frame.
-
12
GitHub Dark
Code-first darkness. Cool-blue canvas, 1px borders, green/red diff lines.
FAQ
Are these true dark designs, or just a dark toggle on a light style?
These are styles designed dark-first — the palette, contrast, and elevation are built for a dark surface from the start, so depth and legibility hold up rather than looking like a flipped light theme.
How do I apply one of these styles?
Connect Curio's MCP server to your AI client (Claude Code, Cursor, ChatGPT, and others) and ask it to build your page or app in the chosen style, or download the style's DESIGN.md and add it to your project.