This tab allows you to change the overall look of your project. All of these settings have a default value, which can be reverted to by clicking on the circle arrow.
Depending on the current theme, light and dark colors will be used. It is light by default, but this can change if you use 'Default to dark them' or an auto-detection of the theme.
Here you can modify 3 colors for each theme:
In addition to these colors, we are calculating colors from these ones to apply to the border, background, and other elements of the anchor menu.
To change these colors, you must do so manually in the code tab by adding your own CSS.
By selecting this option, your default theme will be dark mode.
Auto detects your website's current mode and automatically adjusts the project's theme to match it.
Choose the Font Family that you want to use for your project.
Change the global font-size.
You can change the size of the main column with this value. If you want, you can disable the left and right space to make your main column bigger by increasing the size
This value represents the space between each individual block.
Change the thickness of each icon in your project.
You can change the size and the weight for every H1, H2, H3
set padding for all headings. Keep in mind that this padding will be added to the Block Padding. You could end up with a very large space for headings.
Set line-height for all text elements
Set letter-spacing for all text elements