Color schemes

To use color schemes, please configure your color schemes by following below : Set up color schemes.


Color schemes allows you to choose a normal color for background, text, links, buttons, arrow etc.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Colors -> Schemes.

General

Setting
Description

Text

Set the color for the text (Used as foreground color on background colors)

Text link

Set the color for the link text

Background

Set the background color (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient

Primary button

Setting
Description

Button label

Set the color for the button label

Button background

Set the background color for the button (If a background gradient is set, the section's background will be set according to the background gradient setting)

Button background gradient

Set the background gradient for the button

Hover/Active label

Set the color for the button label on hover

Hover/Active background

Set the background color for the button on hover (If a background gradient is set, the section's background will be set according to the background gradient setting)

Hover/Active background gradient

Set the background gradient for the button on hover

Arrow

Setting
Description

Color

Set the color for the button label

Background

Set the background color for the button (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for the button

Hover/Active color

Set the color for the button label on hover

Hover/Active background

Set the background color for the button on hover (If a background gradient is set, the section's background will be set according to the background gradient setting)

Hover/Active background gradient

Set the background gradient for the button on hover

Shadow

Set the shadow color for the button

Last updated