Dark mode on BrowserStack real devices

Dark Mode setting is the system-wide appearance that uses a dark interface background to enable better viewing in low-light conditions. The Dark Mode setting makes foreground content appear more vibrant in contrast to darker backgrounds.

You can test different scenarios for your website/webapp that supports dark mode, by enabling Dark Mode on BrowserStack real iOS devices using Live.

Supported devices

Live supports Dark Mode on devices running iOS 13 and higher.

Enable Dark Mode

1. Log in to the Live dashboard.
2. Select the device-browser combination to launch your test session.
3. On the Live toolbar, click Settings.
4. On the Settings prompt, under iOS Settings, enable Dark Mode.
   You see a message on the dashboard that Dark Mode is enabled.

Dark mode is the interface appearance that uses a dark background with lighter foreground content, to enable better viewing in low-light environments. Devices running Android OS 10 and higher support system-wide dark mode setting.

You can test different scenarios for your website/webapp that supports dark mode, by enabling Dark Mode on BrowserStack real Android devices using Live.

Enable Dark Mode

1. Log in to the Live dashboard.
2. Select the device-browser combination to launch your test session.
3. On the BrowserStack real Android device, change the display setting to Dark Mode/Night Mode/Dark Theme by following the steps defined in Google documentation.