Skip to main content

Paywall dark mode

Dark mode has become an essential feature for improving user experience in mobile apps, especially for users who spend long periods interacting with content. Most apps that support dark mode also choose to have two different versions of the paywall (light and dark) for consistency, and Adapty allows to do exactly that.

note

To use the Paywall dark mode, you’ll need a paid plan: Pro, Pro+, or Enterprise.

warning

Dark mode is supported on iOS starting with v3.1.0, Android starting with v3.1.1, and Flutter starting with v3.2.0. Support for React Native and Unity is coming soon. Dark mode is also included in fallback paywalls.

To set up dark mode for your paywall:

  1. First, enable dark mode in the paywall’s Layout settings:
  1. Now, you can configure light and dark modes separately. To switch to dark mode, turn on the Dark Mode toggle in the left paywall menu:
  1. Once you’ve switched to dark mode, you can adjust the elements as needed. Dark mode lets you use a different image or video, as well as separate color and background options.