When previewing your theme in Zendesk Guide you can use the settings below to instantly update colors throughout your theme:
The color for major navigation and brand elements throughout the theme.
Primary text color
The text color for hover and active element states where the primary color is used.
The color for heading elements. This includes elements that use the
The color that serves as the default for all text elements throughout the theme.
The color for all link elements in both layouts and body content throughout the theme.
The border color used throughout the theme.
Secondary button color
The color used for secondary buttons with the outline style.
Hero heading color
The color for headings in the hero element.
Hero background color (primary)
The primary background color for hero elements.
Hero background color (secondary)
The secondary background color for hero elements, which can be used to create gradient effects.
Hero background color opacity
The opacity of the background color for the hero element which determines the balance between it and the underlying image.
The color used for note content elements. The background color is automatically derived from this color.
The color used for warning content elements. The background color is automatically derived from this color.
The outline color used for form element and search field focus effects.
The background color of each page in your Help Center.
Boxed background color
The background color visible when a boxed layout is used
Footer background color
The background color applied to the page footer.
Some themes will include additional color settings like shades of the primary color, depending on their style requirements.
Questions or feedback about this guide? Let us know