Deep navy, calm at night. Easier on eyes than pure black.
data-theme="dark"Dark is the night theme. The canvas sits at #0F1722, a deep navy with the same blue family as Light. We deliberately picked navy over neutral grey for this slot — Graphite below covers the greyscale story; Dark is for the much larger group of users who want a low-light theme that still feels like Dock, with the brand's blue family running through it.
The text picks up #F7F9FB, which is Light's canvas, mirrored. We pulled it 8 percent below pure white because pure white on a dark canvas causes the text-glow you've felt on every poorly-tuned dark mode at 11pm. The drop is invisible in isolation but the eye thanks you after an hour.
Surfaces lift in 4-percent steps: canvas #0F1722 → surface #1A2332 → muted #1E2A3A. Hierarchy comes from elevation, not from desaturation. The whole palette stays inside the same blue family the Light theme lives in, so flipping themes is a brightness change, not a personality change.
Working at night, working in dim rooms, working with ambient light low enough that a Light theme starts to glow. Default for users who prefer dark mode universally.
When you want chrome to recede so agent colors are the only saturated thing on screen (use Graphite). When you're presenting on a projector and need higher contrast.
Every CSS variable, what it's set to in this theme, and what we use it for.