We'll first have a look at some settings that affect the overall color scheme and the layout:
Navigate to Extensions | Template Manager and click the Styles tab. The Template Manager: Styles screen is displayed.
In the list of available templates, click on protostar_copy – Default:
You're taken to the Edit Style screen. Click the Options tab to reveal the Advanced Options panel, where the available settings are displayed:
We'll have a look at the effects of these customization options. The Template Colour option allows for some quite powerful changes in the look and feel of the site. Let's try out an alternative color scheme.
Click Template Colour to select the color for accents on the website: the colored line at the top of the page, the color of menu links and headings. A color palette appears that allows you to pick a color of your choice. Click on Select inside the palette pop-up to confirm your choice.