# Colors

***

You can define different colors in your theme settings and apply the colors to different sections throughout your online store with a color scheme picker.

### 1. How to change colors in your theme?

* In the theme editor, click **Theme settings.**
* Locate **Colors.**

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/636ddc7a-7cf3-4d64-8863-76d39627411f/Screenshot%202023-12-19%20at%205.11.53%20PM.png" alt=""><figcaption></figcaption></figure>

* To set your color, enter a **hex color code** or choose the color from the **color picker**. To set the color to transparent, delete the hex code from the text field.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/98f42967-3bab-4346-8507-5bba49af7e5f/Screenshot%202023-12-20%20at%202.18.15%20PM.png" alt=""><figcaption></figcaption></figure>

* Click **Save.**

### **2. The Colors section includes the following parts:**

* **Primary color**:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/2c2e1f45-db5d-4f94-8c58-93e8b7aefe90/Screenshot%202023-12-18%20at%204.42.19%20PM.png" alt=""><figcaption></figcaption></figure>

* **Secondary color**:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/a133d8e5-d60c-4a2e-b550-52c44061b587/Screenshot%202023-12-18%20at%204.42.44%20PM.png" alt=""><figcaption></figcaption></figure>

> **Note:**&#x20;
>
> ***Accent 1**: Used for solid button background.*
>
> ***Outline button**: Applied to the button border and link text.*
>
> ***Background 1:** Your store’s background color. This is the most dominant color present in your store.*

* **Color gradient**: If you want to add more visual interest to your background, **Inspiered Themes** offers the option to use gradients. You can assign gradient colors to sections of the theme.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/ae2bf1aa-26d8-4829-907e-1d631af91311/Screenshot%202023-12-18%20at%204.59.03%20PM.png" alt=""><figcaption></figcaption></figure>

Gradients create a smooth transition between two or more colors, resulting in a dynamic and eye-catching background.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/ea931b16-dd7c-42bf-aa98-5f97f000dc0c/Screenshot%202023-12-21%20at%2011.37.22%20AM.png" alt=""><figcaption></figcaption></figure>

### 3. Example: Customize **Rich text** background colors

* Click the **Rick text** section to open the **Color scheme** setting.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/becb78e7-b5db-445f-b87d-12a782e69b5b/Screenshot%202023-12-19%20at%202.49.18%20PM.png" alt=""><figcaption></figcaption></figure>

* Open the color list and choose a specific color to change the section background to that color. Click **Save**.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/c40fe985-c7c6-4033-b03f-afc6bd5a9187/Screenshot%202023-12-19%20at%202.49.46%20PM.png" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.inspiredtheme.com/articles/theme-settings/inspiredtheme-settings-intro/colors.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.