Colors

Theme settings > Colors is where you define and edit color schemes. Sections pick a scheme from their Color scheme dropdown.

Edit a color scheme

Open Color schemes and select a scheme (or duplicate one). Each scheme includes:

• Backgrounds — body background and optional gradient.
• Text — heading, subheading, body, and link colors (normal + hover).
• Primary and secondary buttons — background, border, and text for normal and hover states.
• Banners — background, gradient, heading, icon, subheading, text, and overlay colors for banner sections and blocks.
• Cards — background, gradient, heading, text, and border for product, collection, and article cards.
• Icons and borders — icon colors and divider lines.

Badge colors

Global badge colors (outside individual schemes):

• Sale badge and Sale badge text
• Sold out badge and Sold out badge text
• Collection badge and Collection badge text — for collection-name badges on product cards.

Sale badge wording (Sale vs % off) is in Theme settings > Product cards.

Blur overlay

Blur overlay — enables the frosted-glass blur effect on navigation and other overlays when transparent or blurred backgrounds are used.

Other settings

Default scheme selection, favicon, and social icons are separate — Favicon, Social media. Button shape is under Layout.