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.
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.
No comments yet