The Appearance settings let you brand the Scan App for each Action Center. You can set the app's colors, logo, app name, and navigation, so your agents open an app that matches your organization's look and feel. Appearance is configured per Action Center, which means different Action Centers can each have their own branding.
How it works
Appearance is set per Action Center in Action Center > Settings > Appearance.
When an agent selects an Action Center in the Scan App, the app adopts that Action Center's branding: its logo, app name, colors, and navigation order.
Every setting supports both a light and a dark theme, and the app applies the right one automatically based on the agent's chosen theme mode.
Changes are applied live. Agents can pull to refresh on the Events screen to pick up new branding without reinstalling or signing out.
Every branding element is optional. When something isn't set, the app falls back to a sensible default (see Fallbacks below).
Configuring appearance
In the Action Center, go to Settings > Appearance. As you make changes, a live phone preview on the right shows how the app will look in both light and dark themes. When you're done, select Save.
App name
Enter a custom App name to replace the default "Scan App" wording shown in the app. This field is optional and limited to 30 characters. Leave it blank to keep the default name.
Logos
Upload a Light theme logo and a Dark theme logo. The app shows the logo that matches the agent's current theme. Logos are optional.
File format: PNG only. Uploading any other type shows "Invalid file type. Upload a PNG file."
File size: up to 1 MB. Larger files show "File exceeds the maximum size of 1 MB."
Tip: Provide an appropriate logo for each theme. A logo designed for a light background may be hard to see in dark mode, and vice versa.
Theme colors
Set a Light theme color and a Dark theme color using the color picker or by typing a hex value (for example, #3c7e86). This is your primary brand color, and it's applied to titles, buttons, the active navigation tab, and other accents throughout the app.
Each color is checked for readability in real time against its theme background:
Good contrast: "Good contrast for this theme. Text and icons are easy to read (6.1 AA)."
Low contrast: "Low contrast for this theme. Text and icons may be hard to read (2.9 AA)."
The check follows the WCAG AA standard, which requires a minimum contrast ratio of 4.5:1 between the primary color and the background. Aim for colors that pass the check so text and icons stay legible.
Navigation order
Choose which screens appear in the app's bottom navigation bar and in what order. Events is always first and Settings is always last. In between, select 2–3 of the following to display:
Pickup
Outbox
History
Drag the selected items to reorder them. The app shows between four and five tabs in total, depending on how many you select.
How it appears in the Scan App
Header: The app header shows your logo. If no logo is set, it shows your app name instead.
Brand color: Your primary color themes the active navigation tab, buttons, titles, and other interactive elements.
Navigation: The bottom tabs follow the navigation order you configured. ("Home" is now Events and "Profile" is now Settings.)
Switching Action Centers: Agents select their Action Center on the Events screen under Select action center. When only one Action Center is available, the selector is hidden and that Action Center's branding is applied automatically.
Choosing a theme in the app
Agents choose how the app follows light or dark mode in Settings > Preferences > Theme:
System — follows the device's light or dark setting (default).
Light — always uses the light theme.
Dark — always uses the dark theme.
Your light and dark branding is applied according to this choice.
Fallbacks
The app is designed to always look complete, even when some branding is missing:
No logo: the app shows your app name in the header.
No app name: the app shows the default "Scan App" name.
No color: the app uses its default brand color.
Appearance can't be loaded: the app keeps using the last branding it successfully loaded.