---
title: Light and dark modes in Mobile App Builder and Mobile Card Builder
description: The Mobile App Builder and Mobile Card Builder tools can configure both light and dark mode options, allowing users to easily switch between a bright or subdued interface, enhancing comfort, readability, and battery efficiency.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/mobile/mcb-dark-mode.html
release: australia
topic_type: concept
last_updated: "2026-03-12"
reading_time_minutes: 1
breadcrumb: [Building tools, Building mobile apps, Mobile Platform]
---

# Light and dark modes in Mobile App Builder and Mobile Card Builder

The Mobile App Builder and Mobile Card Builder tools can configure both light and dark mode options, allowing users to easily switch between a bright or subdued interface, enhancing comfort, readability, and battery efficiency.

## Light and dark modes

Light and dark modes are user interface themes that adjust color schemes to optimize screen visibility and comfort.

**Note:** The option to toggle between light and dark mode will only appear if your instance has both light and dark modes configured.

\[Omitted image "builder-light-mode.png"\] Alt text: the mobile app builder screens category page in light mode

Light mode is characterized by a light background with dark text and elements, this mode is the traditional default for most apps, offering high readability in well-lit environments.

\[Omitted image "builder-dark-mode.png"\] Alt text: the mobile app builder screens category page in dark mode

Dark mode inverts the typical color palette, featuring a dark background with lighter text and interface elements, which reduces glare and is easier on the eyes, especially in low-light settings.

## Switching between light and dark mode

To toggle between light and dark modes, select the theme changer button \(\[Omitted image "builder-dark-mode-button.png"\] Alt text:\) in the builder tool header to open the appearance picker. Select your desired display mode and your builder tool will refresh in real-time with the new appearance.

**Note:** Switching to dark mode on Mobile App Builder will automatically change Mobile Card Mode to dark mode and vice-versa.

\[Omitted image "builder-dark-mode-picker.png"\] Alt text: display mode picker with light and dark options displayed