Color Overrides let you change which color role a specific element uses, without changing the underlying color values on your Customization page.
You can find this page under Customization → Color Overrides in the sidebar.
How it works
Your site has eight color roles defined on the Customization page — Primary, Accent (Dark), Accent (Light), two Background colors, and three Text colors. Most elements are wired to one of those roles by default.
For elements that support overrides, you can reassign which role they use. For example, the menu button (the last navigation item when it's styled as a CTA, plus the mobile menu toggle on themes where it's colored) uses the Primary Color by default. If you prefer it in your Accent (Dark), pick that role from the dropdown and save.
Each field shows a live preview drawn in your actual brand colors, with the resolved color value beneath it, so you can see the effect before you save. Leaving a field blank restores the theme default.
What's overridable today
The page is organized into four groups:
Header & Navigation
- Menu Button Background — the end-of-menu CTA button (enabled by the "Emphasize last item" setting in Navigation Settings) and, on themes that color it, the mobile menu toggle.
- Mobile Menu Background — the background color of the mobile menu popup, the panel that slides open from the hamburger on phones and tablets.
- Navigation Link Color — the text color of your top-level navigation links. Make sure it contrasts with the header background.
Buttons & Links
- Button Background — the background color of primary buttons across the site.
- Button Text Color — the text color on primary buttons. Make sure it contrasts with the button background.
- In-content Link Color — the color of text links inside page content.
Footer
- Footer Background — the background color of the site footer.
Blocks
- Location Block Background (Anavim theme only) — choose whether the Location / Worship Times block sits on a Light or Dark background. Leave blank for the theme default. This field only appears when your site uses the Anavim theme, since that's the theme with a dark/light treatment to switch between.
More elements will be added over time.
Note: Color Overrides point at your existing color roles — they don't introduce new colors. If you want to change the actual values of your Primary, Accent, or other colors, edit them on Customization → Settings.