Color Options allow you to set the primary accent colour used throughout the theme — including buttons, links, hover states, icon accents, and highlight elements.
| Setting | Description |
|---|---|
| Predefined Color Schemes | A set of curated colour schemes is provided. Click a scheme to instantly apply its primary colour to the theme. Schemes are shown as colour swatches. |
| Custom Theme Color | Use the colour picker or enter a hex value to set a completely custom primary accent colour. This overrides any selected predefined scheme. |
Where the Primary Color Is Applied
Once set, the primary colour is automatically used across many theme elements, including:
- Call-to-action and submit buttons
- Links on hover
- Navigation active and hover state underlines
- Section headings and decorative accents
- Icon fills and badge backgrounds
- Progress bars and counter elements
- Sermon and event category labels
Note: The primary colour should have sufficient contrast against both white and dark backgrounds. Tools like the WebAIM Contrast Checker can help verify accessibility.