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

# Colors (General)

Here you can change color for many elements on theme:

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 (General)**.

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-31.jpg" alt=""><figcaption></figcaption></figure>

**Body**

| Setting      | Description                             |
| ------------ | --------------------------------------- |
| Background   | The background color of an entire page. |
| Cursor Color | The color of the Cursor.                |

**Placeholder**

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/ezCrBJWEkord3pDEeAJn/28.avif" alt=""><figcaption></figcaption></figure>

| Setting    | Description                                         |
| ---------- | --------------------------------------------------- |
| Background | Use as a placeholder background for loading images. |

**Text**

| Setting          | Description                                                                                                                                                                                                                                                                                                                                                                                  |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Default text     | <p>The default color of the text for an entire page.<br></p><p>It is applied to elements that have not been assigned a specific color.</p>                                                                                                                                                                                                                                                   |
| Alternative text | <p>The color of the alternative text.<br></p><p>It is being applied to elements:</p><ul><li>Text on product compare popup</li><li>Text on compare color popup</li><li>Product title on Bundle section</li><li>Varinant name on sidecart</li><li>'Your cart is empty' or 'Secure Shopping Guarantee' text on cart page</li><li>Date text on '\[Sidebar] Recent Post' block</li></ul><p></p>   |
| Gray             | <p></p><p>Customize the text color of gray text.</p><p></p><p>It is being applied to elements:</p><ul><li>Form message</li><li>'Tax included' text on side cart</li><li>Search trending and Placeholder text of search input on search popup</li><li>Variant name and product vendor of cart item on cart page.</li><li>'Coupon code' and 'Tax included' text on cart page.</li></ul><p></p> |
| White            | <p></p><p>Customize the text color of white text.</p><p></p><p>It is being applied to elements:</p><ul><li>Content text on Before You Leave popup</li><li>Close icon on the popups</li><li>Text on the color swatch's tooltip</li><li>Text on the cookie popup</li><li>Text of the count down block on product page</li><li>...</li></ul><p></p>                                             |
| Black            | <p></p><p>Customize the text color of black text. </p><p><br>It is being applied to elements:</p><ul><li>Close icon on the mobile menu</li><li>Background of close button on Filter Sidebar.</li><li>...</li></ul>                                                                                                                                                                           |

**Heading Colors**

| Setting    | Description                                               |
| ---------- | --------------------------------------------------------- |
| Text Color | The default color of the heading text for an entire page. |

**Link**

| Setting    | Description                                               |
| ---------- | --------------------------------------------------------- |
| Text       | The text color of the links on all pages.                 |
| Text hover | The text color of the links for hover state on all pages. |

**Button Colors**

| Setting          | Description                                         |
| ---------------- | --------------------------------------------------- |
| Text             | The text color of the button.                       |
| Border           | The border color of the button.                     |
| Background       | The background color of the button.                 |
| Text hover       | The text color of the button for hover state.       |
| Border hover     | The border color of the button for hover state.     |
| Background hover | The background color of the button for hover state. |

**Arrows**

| Setting          | Description                                             |
| ---------------- | ------------------------------------------------------- |
| Text             | The icon color of the arrow item.                       |
| Border           | The border color of the arrow item.                     |
| Background       | The background color of the arrow item.                 |
| Text hover       | The icon color of the arrow item for hover state.       |
| Border hover     | The border color of the arrow item for hover state.     |
| Background hover | The background color of the arrow item for hover state. |

**Dots**

| Setting          | Description                                           |
| ---------------- | ----------------------------------------------------- |
| Border           | The border color of the dot item.                     |
| Background       | The background color of the dot item.                 |
| Border hover     | The border color of the dot item for hover state.     |
| Background hover | The background color of the dot item for hover state. |

**Global**

| Setting    | Description                                                                                                                                                                                                                                                                                                                                                                                      |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Text       | <p></p><p>This color is being applied to elements:</p><ul><li>Background and border color of the product remove button on the compare product popup.</li><li>Background color of the Sticky Add To Cart Style 2 on mobile.</li><li>Background and border of the Style 1 count down block on product page</li><li>Text on pickup popup</li><li>Background of tooltip</li><li>...</li></ul><p></p> |
| Border     | <p></p><p>This color is being applied to elements:</p><ul><li>Background of the track of the scrollbar on the product combo list</li><li>Border top and border bottom the product combo item</li><li>...</li></ul><p></p>                                                                                                                                                                        |
| Background | <p></p><p>This color is being applied to elements:</p><ul><li>Background of the pages or articles in search results on the search page.</li><li>Background of the blockquote</li><li>...</li></ul>                                                                                                                                                                                               |

**Pagination**

| Setting                 | Description                                                             |
| ----------------------- | ----------------------------------------------------------------------- |
| Items: Text             | The text color of the pagination item.                                  |
| Items: Border           | The border color of the pagination item.                                |
| Items: Background       | The background color of the pagination item.                            |
| Items: Text hover       | The text color of the pagination item for hover state.                  |
| Items: Border hover     | The border color of the pagination item for hover and active state.     |
| Items: Background hover | The background color of the pagination item for hover and active state. |

**Loading spinner**

| Setting              | Description                                  |
| -------------------- | -------------------------------------------- |
| TSpinner Top Color   | The color of the top part of the spinner.    |
| Spinner Right Color  | The color of the right part of the spinner.  |
| Spinner Bottom Color | The color of the bottom part of the spinner. |
| Spinner Left Color   | The color of the left part of the spinner.   |

**Alert**

| Setting            | Description                                               |
| ------------------ | --------------------------------------------------------- |
| Error text         | The color of the error text on the error alert popup.     |
| Error background   | The background of the error alert popup.                  |
| Success text       | The color of the success text on the success alert popup. |
| Success background | The background of the error success popup.                |
| Info text          | The color of the info text on the info alert popup.       |
| Info background    | The background of the info success popup.                 |

**Warning**

| Setting    | Description                                |
| ---------- | ------------------------------------------ |
| Text       | The text color of the warning popup.       |
| Background | The background color of the warning popup. |