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.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
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