Colors

Here, we utilize Shopify's latest color schemes as a robust tool. Color schemes within themes allow you to organize elements and their corresponding colors for merchants. The capacity to craft multiple schemes offers flexibility in storefront design. When designing, emphasize consistent elements and areas where merchants can effortlessly personalize colors.

You can read more about color schemes here.

Note: Color Scheme 1 is a global style preset that applies to both theme sections and content pages, ensuring consistent design across the entire site.

Color scheme settings

Background

Setting	Description
Background	This setting is for defining the background color of the section or element.

General

Setting	Description
Text	Use this setting to define the color of normal body text across sections and content areas.
Heading	Use this setting to define the color of heading text, such as titles and section headings.
Border	Use this setting to define the color of borders applied to elements such as buttons, cards, and section dividers.

Fill button

Setting	Description
Background	Use this setting to define the background color of primary buttons across the section, including key actions like Add to Cart or Submit.
Text	Customize the button's label color.
Background hover	Define the background color that appears when users hover over the buttons.
Text hover	Customize the text color that appears when users hover over primary buttons

Outline button

Setting	Description
Text	Define the default text color for outline-style buttons.
Border	Customize the border color for outline-style buttons.