Color settings

Color settings

Color settings are used to set the color schemes and colors that will be used throughout the theme.

Color scheme settings are set out in the table below and are accessed through the theme editor.

SettingDescription
BackgroundSet the background color for the color scheme.
Background gradientSet the background gradient for the color scheme.
TextSet the text color for the color scheme.
SubheadingSet the subheading color for the color scheme.
Primary button backgroundSet the primary button background color for the color scheme.
Primary button labelSet the primary button label color for the color scheme.
Secondary button backgroundSet the secondary button background color for the color scheme.
Secondary button labelSet the secondary button label color for the color scheme.
Form input backgroundSet the form input background color for the color scheme.
Form input text
Set the form input text color for the color scheme

Other color settings are set out in the table below and are accessed through the theme editor.

SettingDescription
General
Accent 1Set the first accent color.
Accent 2Set the second accent color.
Accent 3Set the third accent color.
UnderlineSet the heading underline color.
HotspotSet the hotspot color used in Shop the look sections.
Media border
Set the media border color.

    • Related Articles

    • Color swatch settings

      Color swatch settings are used to configure and customize color swatches displayed in product cards and product sections. Color swatch settings are listed below and are accessed through the theme settings. Setting Description Enable color swatch Use ...

    • How do I set up color swatches?

      Color swatches allow you to display color pills instead of standard variant pills when a product has a color variant. Color swatches are configured through the color swatch theme settings. Color swatches are enabled by default and can be disabled by ...

    • How do I use color schemes?

      Color schemes allow you to define groups of colors that are tailored for your store and work well together. Having a predefined set of color groups makes it quicker and easier to customize the colors used throughout your theme. A color scheme will ...

    • Filter settings

      Filter settings are listed below and are accessed through the theme settings. Collection filters are shown on collection pages and the search page. Setting Description Color scheme Select the color scheme for collection filters.

    • Badge settings

      Badge settings are used to customize the appearance of product badges, which are displayed in product cards and product sections. Badge settings are listed below and are accessed through the theme settings. Setting Description Position on cards ...