Choose Your Mobile App Colors & Theme

Under Design > Menu, select a theme and colors that align with your organization's branding.

 

Themes-and-Colors.png

 

Choose the Light or Dark Theme: 

First, use the provided radio buttons to select whether you'd like to use the Light or Dark theme (examples below).

 

Light-v-Dark-Themes3.png

 

Color Choice Options

Click on any of the color circles and manually choose a color or use the up/down arrow buttons to add color values in HEX format, RGB format, or HSL format. 

 

Color-Picker.png

Note: We suggest that the Action and Accent Colors are neither too dark nor too light. This will ensure they're visible on the Light or Dark Themes.

Where Does Each Color Appear?

  1. The Action Color is typically used for buttons, active menu items, or other links.
  2. The Accent Color is typically used for secondary headings.
  3. The Primary Text color is typically used for Titles.
  4. The Secondary Text color is typically used for Sub-Titles or text blocks.

 

Dark-Theme2.PNG

 

 

 

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request