# Colors

In the theme editor **(Customize)=> Theme Settings**, click **Colors**

<figure><img src="https://742408327-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPKFglRw8xrKvTfWz3lFJ%2Fuploads%2FrTUsmlMYBf46W0YFBCte%2Fimage.png?alt=media&#x26;token=1797a978-7b3f-42ee-acba-7af4c2543dac" alt=""><figcaption></figcaption></figure>

* **Theme color:** Primary color for hover, active, focus, and highlight
* &#x20;**Page Background, Content background:** Body Background, Html Background, Content Background
* **Heading :** Color H1, H2, H3, H3, H4, H5, H6
* **Sub Top Text**: Color subHeading
* **Body Text**: Color Content&#x20;
* **Button:** Background and Color Button
* **Alert & Message**
* **Color Shipping Bar:** This is Color Shipping bar on Product page and Cart
