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.
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.
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 (
\) 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.
display mode picker with light and dark options displayed