The color configuration tool allows you to change the colors of your app. You can change these colors at any point, and they'll update for the end user.

Our CMS allows you to differentiate between Light and Dark Mode. Using the toggle at the top of the page, you can select which set of colors you're adjusting.

On the page, you'll see options to change the color of the following:

• App Background: Background color is applied on all app screens. Secondary Background is applied on cards-type content (ex: Schedule items on Schedule) and should be a variation of the Background color
• Texts: Font colors are all based on one color you select and automatically decline them with transparency.
• Accents: Accent color is used to tint icons, links, and buttons. You need to choose a color that will be visible on a light background and a dark background.
• Bottom Bar: The bottom bar colors control the color of your main navigation found at the bottom of your device. You can change the color of the bar itself and the icons in both the selected and unselected states.
• Top Bar: The top bar appears on native app pages, like Activities Lists, Schedules, and Locations list.