Color schemes

Theme settings → Color schemes

Color schemes are the theme’s core color system. Instead of setting colors section-by-section, you define a small set of named schemes here (Scheme 1, Scheme 2, etc.), and then every section, block, and card picks one of them from a Color scheme dropdown wherever it appears in the editor. Change a color in a scheme once, and everything using that scheme updates.

Editing a scheme

Each scheme has its own set of colors, grouped as:

Section

• Background — the solid background color.
• Background gradient — optional gradient background; used instead of the solid color when set.

Typography

• Subheading — default #666666.
• Heading — default #000000.
• Heading highlight — the color used for [bracketed] highlighted words inside a heading. Default #000000.
• Text — body text color. Default #000000.

Primary button

• Background, Text, Border — colors for primary-style buttons. Defaults: black background, white text, black border.

Secondary button

• Background, Text, Border — colors for secondary-style buttons. Defaults: white background, black text, black border.

Product media

• Background — the background shown behind product images (e.g. in the product gallery). Default white.

You can add as many schemes as you like and name them anything (e.g. “Dark”, “Light”, “Brand accent”) — every color-scheme picker across the theme will list them all.

Additional colors

These sit outside individual schemes and apply globally:

• Overlay background — the tint applied over background images/videos when an overlay is enabled. Default black.

Status colors

Used for on-page messages (form errors, success confirmations, etc.):

• Success background / text — defaults teal #2a9d8f / white.
• Error background / text — defaults red #d92d20 / white.
• Info background / text — defaults dark grey #343a40 / white.

Badges

Product badge colors (shown on product cards/pages):

• On sale badge — background/text. Default black background, white text.
• Sold out badge — background/text. Default white background, black text.
• Custom badge — background/text, for any manually-added badge. Default black background, white text.