How to Manage Website Theme and Color Design?

A website theme is a collection of color presets that define the overall look and feel of your website. It generally includes:

• Primary Color: Used for major elements like buttons and call-to-action links.

• Secondary Color: Supports the primary color.

• Third and Fourth Colors: Typically applied to backgrounds or accents.
  
  

1. Open the Website Builder and navigate to the editor section.

2. On the left-hand menu, click on "Theme".

3. You’ll see a variety of built-in themes (e.g., Pixel Bright, Energetic, Retro, Technical).
   
   

• Choose a prebuilt theme to preview changes.

• Click "Apply" and then reload your website to see how colors update across the site.

• Components not manually styled will reflect the new theme colors.
  
  

• Selecting the Bright theme changes primary elements to dark red with light red backgrounds.

• Choosing the Technical theme may apply a dark blue primary and light green background.
  
  

1. Choose your own colors for primary, secondary, third, and fourth fields.

2. Click "Apply Theme" to update.

3. The theme will update across all components unless manually styled otherwise.

4. Fonts can also be customized within the same section.
   
   

This feature allows for quick, site-wide color changes, improving visual consistency and user experience without manual adjustments for each component.

1. Go to "Theme" of site

2. Go to "Brand" in theme 

3. Select brand colors. 

4. click on save button. 

Now these brand colors will be accessible to all users of your website for design.