Introducing Global Color Palette

Introducing Global Color Palette

One of the most awaited features which will provide a better control across all the Color settings in the Customizer settings of the Astra theme.

Let’s see what are the options quickly and on how to make better use of it –

Palette

Under the customizer settings of the Astra theme – Global section > Colors > Base Colors > Palette you will notice the Palette section that will insert the color options for the default Text Color, Theme Color, Link Color, Link Hover Color, Heading Color (H1 – H6)

[Palette screenshot settings]

Global Color Settings

Under each of the Color options in the Customizer you will now notice an Globe Icon, this will help fetch the Palette colors with just a click.

Also, modifying or finding the Palette options can be achieved by clicking on the wrench icon that will take you to the Palette option under the Global settings of Base Colors.

[Screencast of the settings]

Add New Color / Presets

The Add New Color option will insert Custom Color options and will also have the option to edit the color name.

[Settings option]

Presets

This option will help select from the pre-defined Presets and also provides the option to Import other pre-defined presets.

[Location of the Presets option]

Select from Pre-defined Presets

Presets allow you to switch to different default Presets available with just a click of a button. You can rename the color options once selected.

[Screenshot of Select a Palette section]

How to Import to add More Color Options

If you have saved colors they can be imported with just a simple copy and paste of the Color’s values like this –

[“#733492″,”#AC238C”,”#24B460″,”#C0C2BA”,”#CBCB38″]

You can replace the above color options and paste the same under the Import section of the Palette and click on Import button to find your choice of colors imported.

Edit the Label of the Colors

Editing the label of the Palette colors is very simple as you just need to click on the label and update it as per your requirement.

[Screencast of how to edit

Delete the Unwanted Color Options

Apart from the default Color options as mentioned at the start you will find the Delete option enabled to remove them with just a click.

[Screencast of the settings]