Styles
Dark Mode
styledarkthemeaccessibilitydeveloper
UI primarily designed for dark backgrounds to reduce eye strain and create a focused aesthetic.
When to use
- Developer tools, code editors, and terminals
- Media consumption apps (video, music)
- Any product where users spend long hours looking at the screen
Examples
- Linear (dark-first design system)
- VS Code's default dark theme
See this in the wild
Analyze a site and look for dark mode in the breakdown.