Dark Mode App Store Screenshots: When They Help and When They Hurt

Dark mode app store screenshots help when dark is how your app is actually used: media and streaming apps, games, pro and developer tools, and apps for night-time use. They can also help a listing stand out in a search results page full of white backgrounds. They hurt when they lose contrast at thumbnail size, feel heavy next to bright competitors, or show an appearance that isn’t your app’s default, since the screenshot then misrepresents what a new user will see.

One fact shapes all of this: you can’t upload a separate dark set. Each store shows one set of screenshots per device and language to everyone, in whatever appearance their device uses. So the real question is which single set works on both a light and a dark store page.

How dark mode affects how your screenshots are seen

Since iOS 13, the App Store app follows the device’s Light or Dark appearance. In Dark, the page around your screenshots (the search results list, the product page background, the text) is near-black. Your screenshots are images, so they don’t change. Google Play on Android can also display in a dark theme, with the same effect.

That gives you four combinations to design for:

The practical consequence: neither pure white nor near-black backgrounds are safe in both. A coloured or mid-tone background (a brand colour, a gradient, a tinted dark) keeps a visible edge against both store themes. The UI inside the device frame can still be fully dark or fully light.

When dark mode app store screenshots help

• Media, streaming and photo apps. Artwork, posters and photos look richer on dark, and dark is how these apps are usually built.
• Games. Many games are dark by nature. Show the game as it looks; see the games section of our screenshot strategy by category guide.
• Pro and developer tools. Code editors, terminals, audio and video tools: dark UI signals “built for professionals” to people who use these tools every day.
• Night-time apps. Sleep, astronomy, night driving, late-night reading. Dark screenshots show the app in the context it’s used in.
• Standing out in a light search results page. If every competitor for your main keyword uses white or pastel screenshots, a dark set is visually distinct in search for the many users browsing in light appearance. Look at your actual search results first.

When dark screenshots hurt

• Thumbnail contrast. In search results the screenshots are small. Dark UI with thin grey text, subtle dividers and low-contrast charts turns into a dark rectangle. Check readability at actual search-result size before committing.
• Heaviness. A full set of near-black frames can feel heavy, especially in friendly categories such as kids, education, food or wellness, where users expect warmth.
• Not your app’s default appearance. If your app opens in light and most users never switch, a dark-only set shows them something they won’t see on first launch. Apple’s guideline 2.3.3 says screenshots should show the app in use, and Google Play’s Metadata policy says they should reflect the app’s actual experience. A dark set is fine if the app genuinely has that mode, but leading with a look new users won’t get tends to disappoint.
• No dark mode at all. Showing a dark UI the app doesn’t have is misrepresentation, full stop.

Mixed sets: showing both themes

If your app supports both appearances, you don’t have to pick. Common patterns:

1. Default first, dark as a feature. Lead with your default appearance, and give dark mode its own screenshot later in the set, with a caption such as “Easy on the eyes at night.” This is the safest option for most apps.
2. Split screen. One screenshot shows the same screen in light and dark side by side, or as a diagonal split. It says “both themes” in one frame, but check that both halves are still legible at thumbnail size.
3. Dark UI on a coloured canvas. Keep the in-app UI dark, but put the device on a brand-coloured background with light caption text. This often reads well in both store appearances.

What tends not to work is alternating light and dark frames at random. It makes the set look unplanned, which is one of the tells of a rushed screenshot set.

Design details for dark screenshots

• Use off-black or tinted dark backgrounds rather than pure black, so the frame edge stays visible on the dark store page.
• Make caption text large and high-contrast; thin weights in light grey disappear on dark.
• Pick a device frame colour that separates from the background; a black phone on a black canvas loses its outline.
• Use one accent colour for emphasis, and keep it consistent across the set.
• Capture the in-app screens in the real dark appearance, not a filtered or inverted light screenshot.

What about the app icon?

Since iOS 18, people can switch their Home Screen icons to a dark or tinted look, and you can supply a dark variant of your icon in Xcode. That variant is for the Home Screen; your store listing still leads with your standard icon and your one screenshot set. It’s still worth looking at the two together: a bright, light icon next to a dark screenshot set, or the reverse, can make the listing feel like two different products. If you change the screenshots’ overall tone, check that the icon, the first screenshot and the first-screenshot headline still read as one brand in the search result row.

How to capture dark mode screenshots

Switch the simulator or emulator to dark before capturing, rather than editing light captures:

# iOS Simulator
xcrun simctl ui booted appearance dark

# Android emulator
adb shell cmd uimode night yes

Clean up the status bar the same way for both themes so the time, battery and signal match across the set. Our guide to clean simulator and emulator screenshots has the full commands.

How to test dark vs light screenshots

You can’t know in advance which converts better for your app, and we haven’t seen credible public data that settles it in general. Test it:

• App Store: product page optimization lets you test up to three treatments against your original page, with alternate screenshots, for up to 90 days. Run a dark treatment against your light original (or the reverse).
• Google Play: store listing experiments in Play Console let you test screenshot variants against your current listing.
• Targeted pages: if dark appeals to one audience (developers, gamers) but not your general one, consider a custom product page or a Google Play custom store listing for that audience instead of changing the default.

Our guide to A/B testing app store screenshots covers how long to run a test and how to read the result, and app store conversion rate explains the metric you’re moving.

If you build screenshots in Launch Shots, making a dark variant is a matter of switching the background and caption colours on a duplicate of your set, and the ASO console can show conversion before and after a change from your own App Store and Google Play analytics.

The short version

• There is one screenshot set per device and language; it has to work on both light and dark store pages.
• Lead with your app’s default appearance unless dark is how your app is actually used.
• Dark sets suit media, games, pro tools and night-time apps; they can also stand out in a light-heavy search results page.
• Avoid pure white and pure black canvases; mid-tone or brand-coloured backgrounds hold up in both themes.
• Check legibility at search-result size, on a device in each appearance.
• Settle dark vs light with a product page optimization test or a Play store listing experiment, not a guess.