To change the colors on the E-commerce / Customer-facing website, you can follow these steps:
Navigate to Settings > Theme Settings
Press the pencil button next to the theme that is activated
Click on the number/letter sequence of the color you want to update and select the color you want.
Tips for color selection:
Header Background Color and Footer Background Color - normally set to the same color
Header Elements Color- this will be an accent color for elements in the header bar
Primary Color- this will be used the most frequently throughout all different parts of the site (customers normally make this their main company color)
Accent Color- this color is used when a customer is hovering over a button, to emphasize that this is where their mouse is lying
Secondary Color- this falls under some of the less frequently used buttons
Footer Background Color- this will be an accent color for elements in the footer bar
4. Save your changes at the bottom of the Theme Setup screen
5. To activate the theme, press the checkmark button to the right of the theme name. Then, hit “Yes” to complete.