2.0 Control panel. Settings. Interfaces. Color scheme

Set up the colors that appear in various UI elements of the website and in the app.

To set up the color scheme:

1. In the Control Panel, click Settings.
2. Click the Interfaces => Color scheme tab.
3. Add or change color codes in the corresponding fields (more details below).
4. Click Save.

Setup requirements:

• Key elements color. A HEX color code in "#EEE111" format. This color applies to:
• • Welcome screens
  • Main buttons
  • Selected elements
  • Selected elements in lists

• Color of secondary elements. A HEX color code in "#EEE111" format. This color applies to:
• • Promotion labels
  • Block that appears instead of a promotion poster
  • Various counters
  • Customer location pin
  • Courier location pin
  • The background image on the cashback screen

• Text color of key and secondary elements. A HEX color code in "#EEE111" format. This color applies to the names of sections and the names of key elements of the website and the app.

• Background colors of light and dark themes. HEX color codes in "#EEE111" format. Mobile app background and website background colors for each theme.

• Block colors of light and dark themes. HEX color codes in "#EEE111" format. The colors of the blocks that appear on top of the background of the app and the website for each of the themes.

• Text colors of light and dark themes. HEX color codes in "#EEE111" format. Colors of text and icons that show up on top of the background and in various blocks for each of the themes.

Note: HTML color codes must only include Latin characters or/and numbers and are not case-sensitive. The code should have the “#” symbol to be recognized by the system.

Link to this article: here

Updated on: 29/04/2024