Schmoodboard
Back to glossary
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.

Analyze a site

More in Styles