> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/colors.md).

# Colors

Your theme’s color schemes for backgrounds, text, buttons, links.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FXWsteQDUjqMeUy3edtQM%2FCapture%20d'%C3%A9cran%202026-02-19%20183702.png?alt=media&amp;token=a9ded332-55ed-4aec-8d8e-6f3486694420" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2Fcy0fAERzEGWvIrXNfRAE%2FCapture%20d'%C3%A9cran%202026-02-19%20183733.png?alt=media&amp;token=7862a093-5044-4a49-88d7-b78bbf503912" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

1. **Online** **Store** > **Themes** > **Customize**.
2. **Theme settings** > **Colors**.
3. Create or edit a color scheme: set Background, Text, Button, and labels.
4. Apply it: open any section > Color scheme > choose your scheme > Save.
   {% endhint %}

### Schemes

A **color scheme** is a set of colors that can be customized in your theme and applied throughout your entire online store using the color scheme picker.

#### Settings

* **Background**: Main surface color.
* **Background gradient**: Optional gradient for backgrounds.
* **Text**: Default body and UI text color.
* **Solid button background**: Primary button background (and border).
* **Solid button label**: Text color on primary buttons.
* **Outline button**: Text color for links and secondary buttons.
* **Shadow**: Shadow/outline color for depth and focus.

***

### Tips

* Use as few schemes as possible; keep your palette tight.
* Test on both light and dark imagery.
* If using gradients, ensure text stays readable over it.