# Colors

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

<figure><img src="https://3376455522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbtX79TfpMf3cRfgUoHt%2Fuploads%2FoBnzJU5MLs6W4DAvU7z3%2Fimage.png?alt=media&#x26;token=a1ce555a-9fd6-4b7e-8a66-e315f1bc28db" 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
