Site colors

How to set and change website colors

Go to the Design → Site colors to choose a color palette for your website.

Choose an accent color and a theme style.

Accent colors

  • black and white;

  • beige;

  • green;

  • blue;

  • red.

Theme styles

  • light;

  • universal;

  • dark;

  • contrast.

When you change the color of the website, the background color, the color of buttons, links and other elements on the site changes.

You can switch color accents for subheaders and buttons on or off.

You can also turn on the dark theme support. If you choose the Light or Universal theme style, your website will be displayed with a dark color palette in browsers that have dark theme enabled.

Block background color

When you change the color of the website, the accent and contrast colors change, which can be used when setting up blocks on custom page. After choosing the color of the website, go to the page to change the color of the blocks.

Block colors can only be set on custom pages.

Click the palette icon (block background). Select the block color:

  • Accent. The accent color that you selected on the Design page.

  • Contrasting. The color is the opposite of your color scheme.

  • Image.

The image as a background can be set on blocks with text, a button, and blocks with some widgets.

Last updated

Was this helpful?