Color Overrides

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.

Leaving a field blank restores the theme default.

What's overridable today

  • 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.

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.