Dark Mode App Store Screenshots: The Traffic Source 90% of Developers Ignore

Have you noticed how jarring bright white screenshots look when you open the App Store at 11 p.m.?

This isn't a matter of taste; it's a matter of traffic. Apple officially started supporting dark mode screenshot uploads in 2020, yet three years later fewer than 20% of developers design separate screenshots for dark mode.

And the reality: more than 50% of iPhone users use dark mode in the evening.

That means one in every two of your screenshot impressions may show up at the right time in the wrong look.

The traffic opportunity of dark mode screenshots

The data

• Dark mode adoption among iOS users: about 55% (2025 data)
• Dark mode usage in the evening (8 p.m.–6 a.m.): over 70%
• Drop in tap-through rate for non-adapted screenshots in dark mode: about 15–22%

In other words, if you only have light screenshots, you're turning away dark mode users for nearly half of your daily impressions.

Official Apple support

Starting with iOS 14, App Store Connect lets developers upload light and dark versions of the same screenshot set. The system shows the matching version based on the user's appearance setting.

That means you can pick up 15%+ more taps at zero cost.

Key points for designing dark mode screenshots

1. Background: dark gray, not pure black

Pure black (#000000) on OLED screens makes the screenshot merge with the system background, so the screenshot loses its edges.

Recommended backgrounds:

• Main background: #1A1A2E or #16213E (dark blue-gray)
• Secondary background: #0F3460 (dark blue)
• Avoid: #000000 (pure black)

Dark blue-gray tones stay subtly distinct from the system's dark background and make the whole screenshot feel higher quality.

2. Text colors: white plus gold

Text color strategy for dark mode:

3. Handling the app UI

If your app supports dark mode, the app interface in the screenshots should also be the dark version, so it harmonizes with the background.

If your app doesn't support dark mode, you can show the light interface, but the surrounding design elements (background, text, decoration) must be dark. The light interface then becomes a bright area on a dark background, which actually creates a focal point.

4. Avoid translucency and gradients

In dark mode, translucent elements and complex gradients produce unexpected visual effects. In particular:

• Frosted glass looks muddy on dark backgrounds
• Colorful gradients lose definition on dark backgrounds
• Shadows are almost invisible on dark backgrounds

Alternative: use solid color blocks with thin borders instead of gradients and shadows.

Light → dark adaptation checklist

How to upload dark mode screenshots

1. Sign in to App Store Connect
2. Go to your app → product page → screenshots
3. Upload the light mode screenshots (default)
4. Click "Dark appearance variant"
5. Upload the matching dark mode screenshots
6. Note: the light and dark sets must have the same number of screenshots, in matching order

Gotchas:

• If you upload only the dark version and no light version, every user sees dark
• The order must match one-to-one; you can't replace just a few
• 6.5-inch and 5.5-inch devices need their dark versions uploaded separately

Tool recommendation

Making two sets by hand is a hassle. AppShot Maker (appshotmaker.com) can generate light and dark screenshots in one click. Design once and both versions are generated, with colors and contrast tuned for dark mode, ready to upload to App Store Connect.

Summary

Dark mode isn't optional; it already covers more than half of iOS users. Skipping dark screenshots means giving up 15% of potential taps every day.

Remember these four points:

1. Use dark blue-gray backgrounds, not pure black
2. Use white text with gold accents
3. Use the dark version of your app UI
4. Go easy on gradients and shadows

Where others aren't looking is where your growth is.