Theme settings are where you can adjust your fonts, colour palette and element corner styles.
Click on the “Design” tab from the navigation bar at the top of the StoreLab Platform.
2. Ensure you are on the “Homepage” of the App builder. Visible from the dropdown menu underneath the navigation bar at the top.
3. Within the homepage builder, click the blue “Theme Settings” text to the right of the “Homepage” title. Circled below.
4. Once inside Theme Settings, click on “Colours” from the left-hand menu, to edit your Colour Palette.
5. If you don’t have a branded colour palette already, we suggest pulling the colours from your logo and website elements.
See the below example:
Tip: To pull the HEX colour codes from your logo, use a graphic editor such as photoshop or upload it to a HEX colour picker website such as this one.
6. Once you have your HEX colour codes ready to go, click the “Edit Palette button.
7. Add each HEX colour code to the three available colour selections.
Primary:
Secondary:
Accent:
8. Or if you would prefer, you can choose from one of our many preset Designer Colour Palettes.
9. Or generate four complementary colour palettes from a primary colour from your logo.
Click the drop-down menu and select “From colour”. Input the HEX colour code.
10. Play around with the different colour combinations and pick one that best suits your branding.
11.Once you have decided on your colour palette, Click the green “save” button in the upper right-hand corner of the Web App.