# Color

You can define different color schemes in your theme settings and apply the color schemes to different sections throughout your online store with a color scheme picker. A color scheme is a set of colors. Your theme has a set of default color schemes applied that you can change at any time in the theme editor. You can add your brand colors to ensure a cohesive application of your color palette across your online store. Please follow this link for more clearly about Color Scheme: <https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme>

{% embed url="<https://youtu.be/RbKihCITW0A>" %}

To customize color in our theme please follow the steps:&#x20;

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Colors**
3. Make necessary changes
4. **Save**
   {% endhint %}

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FlBv3iUFIGk4O0eV78vGc%2Fscreencapture-admin-shopify-store-dtian-umino-themes-138530488577-editor-2023-12-25-09_32_31.jpg?alt=media&#x26;token=ff70c5bf-5e6f-454e-945e-64c931eb244c" alt=""><figcaption></figcaption></figure>

**Please follow the document to change the colors on your store.**&#x20;

**Site background**: Your site background color

**Primary**: You can change the color when hover to Blog tilte, Add to cart button, Filter, Sortby,...

**Text color**: You can change the text color of your store.

**Heading**: You can change Heading of some sections like: Product form, Filter, Sidebar collection, Layout switch, ...

**Link color**: You can change color of the Links on your store.

**Link color hover**: You can change color when hover to the Links on your store.

**Border color**: Border color in your store.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FjNqa6jiaNszckmu5KoIw%2FScreenshot%202023-12-25%20100316.png?alt=media&#x26;token=0fe21f1a-273b-4ed8-80b1-694d4d229739" alt=""><figcaption></figcaption></figure>

### 2.Button color

Change background and text color for all call-to-action buttons and button hover.

* Button primary: used for the most important or prominent action on your webpage (ex: "Submit" button on a form, "Buy Now" button on an e-commerce site, ...)
* Primary button: used for actions that are less important or serve as alternatives to the primary action (ex: a "Cancel" or "Reset" button in a form, ...)

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FsKSllck8ky2LRrczi2Zg%2Fscreencapture-admin-shopify-store-dtian-umino-themes-138530488577-editor-2023-12-25-10_04_51.jpg?alt=media&#x26;token=122f5179-7b1d-453d-ab96-cf9582ca58f6" alt=""><figcaption></figcaption></figure>