Colour tab

Cwicly Global Colours come with an extensive array of features to effortlessly maintain brand consistency and enhance visual appeal.

The Colour tab regroups the base settings for a global colour.

You have the option to specify a colour for both light and dark modes, input a friendly name, customise the CSS variable, generate an 11 point palette.

Open

The Colour tab can be accessed by selecting a global colour.

• In the Block Inspector, open the Global Styles tab.

• Open the Colours tab.

• Select a global colour to open the colour tab.

Light Mode

The Light mode property allows you to set a light background with dark text. It is the default mode.

• In the Block Inspector, open the Global Styles tab.

• Open the Colours tab.

• Select a global colour to open the colour tab.

• Open the Light Mode tab (default).

• Adjust Light Mode colour as required.

Dark Mode

The Dark mode property allows you to set a dark background with lighter text.

• In the Block Inspector, open the Global Styles tab.

• Open the Colours tab.

• Select a global colour to open the colour tab.

• Open the Dark Mode tab.

• Adjust Dark Mode colour as required.

Name

You can input a friendly name which will be used throughout your editing experience.

• In the Block Inspector, open the Global Styles tab.

• Open the Colours tab.

• Select a global colour to open the colour tab.

• Input a friendly name as required.

CSS Variable

You can also customise the CSS variable to suit your colour system.

• In the Block Inspector, open the Global Styles tab.

• Open the Colours tab.

• Select a global colour to open the colour tab.

• Input a CSS variable as required.