Dark Mode App Store Screenshots: When and How to Use Them

Quick answer: Use dark mode App Store screenshots when your app is mostly used in the dark or its content is visual: video, photo editing, music, games, astronomy, sleep and trading apps. App Store Connect takes one screenshot set per device size and language, so the same images appear in light and dark App Store themes. Avoid pure black, keep text off-white and test the set on both backgrounds.

The App Store app follows the device appearance, so many shoppers browse it with a black background while others see white. You can't upload a separate dark set: App Store Connect accepts 1–10 screenshots per device size and localization, and those images are shown to everyone.

That has two consequences:

• A dark set on a dark store can melt into the page if its background is pure black. Edges disappear and the gallery looks like one dark block.
• A dark set on a light store stands out strongly, which can be an advantage in a search results page full of white and pastel screenshots.

Light sets have the mirror problem. A white screenshot on a white store loses its edges, while on a dark store it glows. Neither choice is wrong, but each needs a background with enough tone and structure to hold its shape in both themes.

The best reason to go dark is that your product is dark. If shoppers would never see your app in light mode, a light screenshot set misrepresents it.

If your app has an excellent dark mode but is mostly used in light mode, keep the main set light and promote dark mode as one feature (see below). For broader color strategy, including brand color and contrast, read choosing colors for App Store screenshots.

Dark sets are easy to get wrong because small contrast problems hide on a bright monitor and show up on a phone at night. Follow these rules:

1. Skip pure black backgrounds. Use a very dark gray, navy or deep brand-tinted color instead, or a subtle gradient. A background like #101218 keeps a visible edge against the App Store's black page.
2. Use off-white text. Pure white headlines on near-black can look harsh and glowy. A slightly warm or cool off-white is easier to read and looks more refined.
3. Lift the device from the background. Add a soft glow, a lighter panel or a thin highlight behind a dark phone frame so the device doesn't vanish.
4. Boost saturation slightly. Brand colors often look dull on dark backgrounds. A brighter version of your accent color for highlighted words and badges keeps energy in the set.
5. Keep text contrast high. The common accessibility target of at least 4.5:1 for normal text is a sensible floor. Gray subtitles on dark blue rarely pass.
6. Use a white status bar. Capture your screens in dark mode so the status bar text is white and matches the UI.
7. Avoid thin fonts. Light weights get even thinner visually on dark backgrounds. Pair this with the sizing advice in the best fonts for App Store screenshots.

Prevent Banding in Dark Gradients

Dark gradients are prone to visible stepped bands, especially after JPEG compression. To keep them smooth:

• Export as PNG without an alpha channel, or as high-quality JPEG.
• Add a very light noise or grain texture to the gradient.
• Avoid long gradients between two very similar dark colors; increase the tonal difference a little.
• Check the exported file on a real phone at full brightness and at low brightness.

Many apps don't need a fully dark set, but their users care that dark mode exists. Apple's product page guidance suggests that if your app supports Dark Mode, you consider including at least one screenshot that shows what it looks like. Give it one screen instead of letting it take over the whole gallery:

• Split-screen comparison. Show the same screen in light and dark side by side, with a headline like "Easy on your eyes at night."
• Diagonal transition. A light device on the left fading into a dark device on the right works well in a panoramic layout.
• Later in the set. Put the dark mode screen at position 4–6. Your first three screenshots should sell the core value, not a theme option, which is one of the core App Store screenshot best practices.

Mixing light and dark screens randomly through the set is the one approach to avoid. It looks inconsistent in search results, where the first three screenshots sit side by side. If you mix, do it on purpose: for example, a light set with a single dark feature screen, or a panorama that transitions from day to night.

There's no universal answer to whether dark screenshots convert better. It depends on your category, your competitors' visuals and your audience. Instead of guessing, test:

1. Search your main keywords on an iPhone in both light and dark appearance, and take screenshots of the results page with your set mocked into place.
2. Look at what your direct competitors use. If every result is dark, a light set may stand out, and vice versa.
3. Run a Product Page Optimization test. Apple currently lets you test up to three treatments against your original product page, so a dark and a light variant fit easily in one test.
4. On Google Play, use store listing experiments to compare the same idea there.

Give each test enough time to collect meaningful traffic before you declare a winner, and change only the theme between variants, not the headlines too.

The same design logic applies on Google Play, with one extra check. Google's guidance for the feature graphic recommends avoiding pure white, black or dark gray because they blend into the Play Store background. If your screenshots are dark, give the feature graphic a richer brand color or a gradient so it still pops above the gallery.

Google Play also requires JPEG or 24-bit PNG screenshots without alpha, so export dark sets as flattened images just as you would for the App Store.