Skip to content

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.

The quotable stat
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 themeSystemsShare
Dark26751.3%
Light25348.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.

  • Sonos home screen — real in-market example tracked by Lazyweb Research
    Sonos1206 × 2622opens the full image
  • Bible home screen — real in-market example tracked by Lazyweb Research
    Bible1206 × 2622opens the full image
  • Airchat Home (feed) screen — real in-market example tracked by Lazyweb Research
    Airchat1179 × 2556opens the full image
  • Atlys Explore screen — real in-market example tracked by Lazyweb Research
    Atlys1206 × 2622opens the full image

The numbers

#StatComputed 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. [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.

    Back to text

Source: Lazyweb Research — proprietary analysis of real, in-market app screens. Cite as Lazyweb Research, 2026-07-07.