Introduction:

In this tutorial, we will walk you through the process of adding brand colors for your experiences.

Instructions:

Access the Settings Menu

• Look for the side menu, typically located on the left side of the screen.
• Click on the "Settings" option in the side menu. This will open up the settings page.
• Locate and click on the "Themes" option within the settings menu.
• You will observe different color options available.

Customize Primary Color

• Click on the "Primary Color" option.
• A color picker should appear, allowing you to select your desired color. You can either use the color picker to choose a color visually or enter a hex code (e.g., #000000) to specify a color precisely.

Customize Secondary Color

• Click on the "Secondary Color" option.
• Similar to the primary color, use the color picker or enter a hex code to specify the secondary color.

Save Changes

• Click on "Save" to confirm your changes. The consumer app will now use your newly customized theme.

Primary (Dark):

The primary color sets the background color of the top button and the color of the font for the remaining buttons or text. Follow these steps to customize the primary color.

Secondary (Light):

The secondary color sets the background color of the remaining buttons and the color of the font for the top button or header text. Here's how to customize the secondary color