What percentage of products default to dark mode?
- By Ali Abouelatta
- n = 520
- Published
- Updated
- 1 min read
- design · ux-patterns · mobile · web · saas
Short answer
51.3% of 520 audited design systems ship a dark default versus 48.7% light source[1] — effectively a coin flip. The split only becomes decision-useful once you cut by platform: mobile is 71% dark while web is 68% light source[1]. So there is no universal default; the right answer depends on where your product lives.
267 of 520 audited design systems (51.3%) default to dark, July 2026.
The headline census
Across all 520 audited design systems, dark and light are nearly tied source[1].
| Default theme | Systems | Share |
|---|---|---|
| Dark | 267 | 51.3% |
| Light | 253 | 48.7% |
Anyone quoting 'most apps are dark now' is over-reading a near-even split. The corpus is deliberately small and audited (520 systems), not a broad screenshot scrape source[1].
How to apply it
Do not pick a default from the aggregate — it tells you almost nothing (51/49). Instead cut by your platform and category, both of which move the number 20+ points (see the platform and category pages). Treat this census as the baseline you deviate from, with a reason.
Real in-market screens
Screens from real, in-market apps, tracked by Lazyweb Research.
The numbers
| # | Stat | Computed from |
|---|---|---|
| [1] | 51.3% dark / 48.7% light (267 vs 253 of 520) | theme_overall |
Methodology
Universe: 520 LLM-extracted design systems from Lazyweb-tracked apps, each joining 1:1 to a categorized company. Method: count dark vs light default theme per system. July 2026 snapshot; theme is the extracted default, not a user-selected mode.
Sources
- [1]
Lazyweb Research analysis of 520 design systems (audited design_systems corpus), July 2026
Default theme per audited design system, dark vs light census over the full 520-row corpus.
Source: Lazyweb Research — proprietary analysis of real, in-market app screens. Cite as Lazyweb Research, 2026-07-07.



