ByteEditor Website Builder
Wiki menu
Customize Colors
⚠ Note
You can customize the fonts of your design theme.
Step 1
Click Design Builder in the content menu of your site.

Step 2
Select the design theme you want to modify.

Step 3
Select Colors in the top left corner of the panel.

Step 4
To change the brand colors of the theme:
-
Click the edit button next to the color you want to change.

-
Open the color palette.

-
Select the new color and click Choose.

Step 5
To change the colors of specific design components:
-
Select the component. In this example, it's the Primary Button.

-
Select color(s) from the colors palette(s) for the desired sub-element(s) and click Choose.

Step 6
Save your changes.
