# Colors

### Colors

Colors play a key role in defining your store’s identity and creating a cohesive shopping experience. In this section, you’ll learn how to customize the global color palette for your store, including backgrounds, text, buttons, and accents. 

### Color Schemes

Color schemes let you define reusable combinations of background, text, and accent colors that can be applied across different sections of your store.

To customize the color schemes in your store:

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Colors**.
3. Find the **Schemes** section. You can edit an existing scheme or create a new one by clicking **Add Scheme.**
4. When clicking a color scheme, you can edit each of the following values by selecting a color or entering a HEX code.

| Value                                | Description                                                                            |
| ------------------------------------ | -------------------------------------------------------------------------------------- |
| Background                           | Sets the main background color of the section.                                         |
| Background gradient                  | Applies a gradient effect to the section background.                                   |
| Headings                             | Defines the color of all heading text (H1, H2, H3, etc.).                              |
| Captions                             | Sets the color for smaller caption or helper text.                                     |
| Text                                 | Controls the default body text color.                                                  |
| Main button background               | Sets the fill color of primary action buttons.                                         |
| Main button background on hover      | Sets the background color of primary buttons when hovered.                             |
| Main button label                    | Sets the text color used on primary buttons.                                           |
| Main button label on hover           | Sets the text color of primary button labels when hovered.                             |
| Main button border                   | Sets the border color of primary buttons.                                              |
| Secondary button background          | Sets the fill color of secondary (less prominent) buttons.                             |
| Secondary button background on hover | Sets the background color of secondary buttons when hovered.                           |
| Secondary button label               | Sets the text color of secondary buttons.                                              |
| Secondary button label on hover      | Sets the text color of secondary button labels when hovered.                           |
| Secondary button border              | Sets the border color of secondary buttons.                                            |
| Icons                                | Defines the color for icons used across the theme.                                     |
| Links                                | Sets the default color for text links.                                                 |
| Accents                              | Defines the highlight or accent color used to emphasize elements throughout the theme. |

5. You can choose which color scheme applies to each section of your store in the theme editor. When customizing a section, locate the **Color scheme** option in its settings, and select the scheme you want to apply.

{% hint style="info" %}
Tip: Keep your store consistent by limiting the number of color schemes you use. Too many variations can make your design feel cluttered.
{% endhint %}

<br>

<br>

<br>


---

# 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://raidho.gitbook.io/monterrey-theme/settings/editor/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.