# Color schemes

To use color schemes, please configure your color schemes by following below : [Set up color schemes.](https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme)

***

**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**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td>Set the color for the text<br><em>(Used as foreground color on background colors)</em></td></tr><tr><td>Text link</td><td>Set the color for the link text</td></tr><tr><td>Background</td><td>Set the background color <br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Background gradient</td><td>Set the background gradient</td></tr></tbody></table>

#### **Primary button**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Button label</td><td>Set the color for the button label</td></tr><tr><td>Button background</td><td>Set the background color for the button<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Button background gradient</td><td>Set the background gradient for the button</td></tr><tr><td>Hover/Active label</td><td>Set the color for the button label on hover</td></tr><tr><td>Hover/Active background</td><td>Set the background color for the button on hover<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Hover/Active background gradient</td><td>Set the background gradient for the button on hover</td></tr></tbody></table>

#### **Arrow**

<table><thead><tr><th width="243">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color</td><td>Set the color for the button label</td></tr><tr><td>Background</td><td>Set the background color for the button<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Background gradient</td><td>Set the background gradient for the button</td></tr><tr><td>Hover/Active color</td><td>Set the color for the button label on hover</td></tr><tr><td>Hover/Active background</td><td>Set the background color for the button on hover<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Hover/Active background gradient</td><td>Set the background gradient for the button on hover</td></tr><tr><td>Shadow</td><td>Set the shadow color for the button</td></tr></tbody></table>

