Skip to main content

How to change your website's colors

Customize your website's visual identity on CentralApp. Learn how to easily adjust your main color and highlight color for a modern, professional look.

Written by Odile Lodewijck

Access the theme in the editor

  1. In the Branding configuration panel of your website preview, locate the List of theme section.

  2. Identify the theme you wish to modify (e.g., the theme marked ACTIVE).

  3. Click the Edit icon (represented by a square with a pencil) to the right of the theme name.

Navigate to the Colors tab

Once in the theme editing menu, click the Colors tab located in the top navigation bar (between Branding and Fonts).

Adjust the main and highlight colors

You can define two main types of colors for your site:

  • Main color: Used for backgrounds, light/dark shades, and the global structures of the site.

  • Highlight color: Applied specifically to featured elements such as buttons and interactive indicators.

How to select a color:

  • Select a shade directly from the pre-defined color swatches.

  • Or enter the exact hexadecimal code of your brand identity in the text field (e.g., #FAF7F2 or #D7BE96).

Save changes Once your colors are selected:

  • Check the live preview in the background of your screen.

  • Click the Save button at the bottom right to apply the new color scheme to your website immediately.

Did this answer your question?