A color scheme that uses dark backgrounds with light foreground content, designed to reduce eye strain in low-light conditions and extend battery life on OLED displays. Dark mode requires independent contrast testing since relationships that pass in light mode can fail when palettes are inverted.
Common contexts
- Building a parallel dark mode token set for a design system to support OS-level preference detection
- Auditing a light mode component library to find elements that would fail contrast in dark mode inversion
- Adding dark mode to a developer tools product where users frequently work in low-light environments
Use when
Implement dark mode when your user research confirms that a significant portion of your users work in low-light environments or have expressed a clear preference — particularly for developer tools, creative applications, or productivity software used for long sessions. Tie the implementation to OS-level preference detection as a baseline.
Avoid when
Dark mode is not a cosmetic feature that all products need — consumer-facing products used primarily in bright environments, or apps where color meaning is central to the UX (health dashboards, map applications), may see accessibility regressions from dark mode if it's not designed with the same rigor as light mode.
Dark mode is not simply inverted light mode — shadows become highlights, elevation cues reverse, and semantic colors like red and green often need different shades to maintain the same perceptual weight on a dark background.
Real-world examples
- Apple introduced system-wide dark mode in macOS Mojave (2018) and iOS 13 (2019), allowing all native and third-party apps to switch to dark colour schemes based on system preference.
- Twitter (now X) offers light, dim, and lights-out dark modes in its mobile app, with the OLED-black 'Lights Out' mode reducing battery drain on phones with AMOLED screens.
- Spotify has used a dark-themed UI since launch, and its design team has stated that the dark canvas makes album artwork pop and creates an immersive, music-first atmosphere.