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:

In the Control Panel, click Settings.
Click the Interfaces => Color scheme tab.
Add or change color codes in the corresponding fields (more details below).
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