Customize brand colors across surfaces

Charm seeds a master brand palette when you install, and it cascades to every storefront surface — the widget, Loyalty Hub, landing page, emails, membership block, cart prompt, and product-page points. You style once and everything stays consistent, or you override the colors on a single surface without affecting the rest.

Steps

1. Open any surface’s page under Visibility — for example Visibility → Store widget.
2. Expand the Color theme section. It’s collapsed by default and shows a Customized badge when this surface diverges from your brand.
3. Edit Primary, Background, Text, Icon colour, or Icon background. Each picker starts on the color the surface currently resolves to; changing one overrides just that field, while the rest keep tracking your brand.
4. Watch the surface’s live preview update as you edit.
5. Save.

Tip

To undo a surface’s custom colors and follow the brand palette again, expand its Color theme section and click Revert custom colors. The picker only shows this button once the surface actually diverges.

Caution

The Loyalty Hub lives inside Shopify’s customer accounts, so its layout and background follow your customer-account theme — only the icon colors apply there. The landing page hides the background picker because its cards sit on your theme’s own page background.

Related

• Concept: Storefront surfaces
• Add a loyalty landing page
• Add the Loyalty Hub to customer accounts
• Theme app blocks