# Colors

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

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2F3V2aFPgmzLyjjfnbgbAU%2Fg9.png?alt=media&#x26;token=333453b1-6c63-4305-9f0b-7cf955dce8ab" 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