# Colors

{% hint style="success" %}
**Steps:**

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

### General

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FDt8BrhGT6ef8403PgbO3%2Fg-color.jpg?alt=media&#x26;token=53444aef-e35b-4428-984a-590c14257e42" alt=""><figcaption><p>General colors</p></figcaption></figure>

### Drawer and Popup

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FmBulUx7RpTqGHsMmJTQP%2Fdrawer.jpg?alt=media&#x26;token=3cde67c5-f83f-4566-ad8b-a2495b3e9363" alt=""><figcaption></figcaption></figure>

### Header

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FEVXVl2Ca3vqAzaXq0c0z%2Fheader-color.jpg?alt=media&#x26;token=06b70416-98e1-4f91-a86b-9712b580febc" alt=""><figcaption></figcaption></figure>

### Products

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FqnyNsickBqu2ynA0RqPx%2Fproduct.jpg?alt=media&#x26;token=5f37cc40-9a45-467a-a017-15cd0ee7e872" alt=""><figcaption></figcaption></figure>

### Buttons

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FaY5IQK9zSRQEHIFwleyz%2Fbutton-color.jpg?alt=media&#x26;token=c98948f4-48f5-4cde-9781-936c4c4dafdf" alt=""><figcaption></figcaption></figure>

### Footer

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fkze7DdA2GGZBVfrHEhac%2Ffooter-color.jpg?alt=media&#x26;token=35053f51-f5f9-42fb-9b8a-dc087042f9b7" alt=""><figcaption></figcaption></figure>
