--- static_export_time: "2026-08-11T15:12:06+00:00" title: "Preview Your App Page in Dark Mode on AppTweak" description: "Read this blog to understand how and why you should consider dark mode when designing your app’s creatives." url: "/en/aso-blog/preview-your-app-page-in-dark-mode-on-apptweak" locale: "en-US" --- # Preview Your App Page in Dark Mode on AppTweak ![Marie-Laure Cruyt](/img/2023/03/mel-cruyt.jpg?auto=format%2Ccompress&w=200&h=200&fit=crop)by  **Marie-Laure Cruyt** Former CPO at AppTweak Last updated on November 16 2023 — 4 min read Summarize with AI Subscribe to our monthly newsletter Subscribe to our monthly newsletter According to a [2020 study from Android Authority](https://www.androidauthority.com/dark-mode-poll-results-1090716/) of over 2,500 participants, _“an overwhelming 81.9% of Android Authority readers use dark mode on their phones”._ 10% of participants said they use both modes, regularly switching from light to dark, and only 8% said they never use dark mode. These numbers show how popular dark mode has become. From an ASO perspective, the study confirms the importance of taking both dark and light mode into account when optimizing your app’s creatives. Read this blog to understand **how and why you should consider dark mode** when **designing your app’s creatives**. Don’t forget to use AppTweak’s App Page Previewer to visualize your store page in dark mode, too! * * * ## Optimize your creatives for dark mode When **designing your app’s creatives** , keep in mind that they should **look as good in dark mode as in light mode**. For example, you should use contrasting colors in both modes – typically, you want your app icon to stand out from both a white or black background. Another great tip for **Android is to use a transparent background in the app icon** so that it adapts to the user’s preferred mode. Before submitting your app to the store, you can use our **App Page Previewer** (App Store) or **Store Listing Previewer** (Google Play) to **check how your creatives will look in both light and dark mode**. You can even upload several different icons and screenshots to test which version looks best in both modes. [Test and visualize new metadata & creatives with our App Page Previewer](/en/aso-blog/test-and-visualize-new-metadata-on-the-app-store) ## Best practices to optimize your app creatives in dark mode **Users mainly use dark mode on their phones** because they say that it is easier on the eyes, especially when checking phones in bed or late in the evening. If your app is regularly used by users during late hours, you should be particularly careful to avoid bright colors that could be aggressive on the eyes for users in dark mode. We found a couple of examples that put forward some best practices when optimizing your creatives in dark mode. ### Avoid white phones in app screenshots In the example above, _Headspace_’s screenshots are particularly bright in dark mode. This is mainly because the phones used in the app’s screenshots are white. _Calm_, however, did a great job of **featuring a phone with neutral colors** that work just as well in light mode as in dark mode. ### Avoid white backgrounds **White backgrounds should be avoided in screenshots** , since they stand out particularly aggressively for users in dark mode. _Scribd_ did a good job of using bright background colors in its screenshots, while still making them pleasant to look at in dark mode. ### Make sure effects work in both dark & light modes The screenshots for _Booking.com_ look very nice in light mode. The white background makes it look as if there wasn’t any background at all. This helps users focus on the main element featured in the screenshots – the phone. However, when in dark mode, the screenshots appear extremely bright which can be uncomfortable for the user. In general, we recommend **favoring darker backgrounds** since they **blend in better with dark mode** , while **contrasting nicely with light mode**. [Follow these tips, guidelines, and best practices for app creatives on the App Store and Google Play](/en/aso-blog/app-screenshot-icon-video-guidelines-ios-gp) * * * ## TLDR - Dark mode has become increasingly popular on phones - Users generally opt for dark mode because it is easier on the eyes - It’s important to consider dark mode when optimizing your app’s creatives. Avoid using bright contrasts that can be uncomfortable for users in dark mode - Test and preview your creatives in light and dark mode using our App Page Previewer [Start free trial](https://app.apptweak.com/accounts/new?locale=en) * * * by **Marie-Laure Cruyt** , Former CPO at AppTweak Marie-Laure is a former CPO at AppTweak. She has always worked in digital companies with a product focused around an app or a SaaS. She’s a real (dark only) chocolate lover. [ ![](/img/2023/11/P7iNifrA-aso-certification-2023-darker.svg?auto=format,compress&w=336&h=214&fit=crop) ASO with AppTweak Course & Certification Authenticate your ASO and AppTweak knowledge with a certification! Get certified ](https://certification.apptweak.com) * * * More articles in Product Updates - [ Apple AdsProduct Updates July 29, 2026 Automate Apple Ads for trading apps based on Bitcoin, gold, and the VIX Trading and finance apps can now automate Apple Ads in AppTweak based on Bitcoin price, gold price, and the VIX … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/en/aso-blog/automate-apple-ads-based-on-bitcoin-price-changes) - [ Artificial Intelligence (AI)Product Updates May 19, 2026 AI Visibility for Games: Is your mobile game recommended in ChatGPT? Meet AI Visibility for Games: The first platform built to measure if, how, and where mobile games show up in … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/en/aso-blog/ai-visibility-for-games-is-your-mobile-game-recommended-in-chatgpt) - [ Advanced ASOProduct UpdatesStart ASO April 28, 2026 AI-powered performance dashboards for ASO & app growth Discover the most important app store reporting dashboards, key metrics to track, and how AI can help you analyze performance … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/en/aso-blog/must-have-dashboards-for-app-store-marketing-and-aso) [See all posts](/en/aso-blog)