Set your base colors to appropriately reflect your brand. Color settings are used for the color palette in blocks and other Customizer settings.
How To Use
- Vising Customizer > Theme Settings > Colors.
- Set your colors however you'd like.
- Optionally add any custom colors you'd like to use in your block color settings or in CSS.
The color settings are used for various elements of your theme, depending on which theme you're using, though they are mostly pretty general. The default colors come from the theme config.php file. Once colors are saved/changed, then the chosen values are used throughout your site.
This is the main body background color. It's typically white or something very light. It can be dark but will take some care to set text colors inside nested blocks.
This is intended to be used as a lighter colored separator for home/landing page sections, subtle CTA backgrounds, etc.
This is the site header background color. If this color is dark, the text and menu item color will automatically switch to white.
This is the main body font/text color.
This is the heading font/text color.
This is the main link color. Make sure it's dark enough to pass accessibility color contrast ratios.
This is the default button background color. The button text color is automatically generated based on this setting, though you can customize this color with some custom CSS.
This is for secondary buttons (via button block styles) as well as archive and Mai Post/Term Grid read more buttons.
Use in your custom CSS via