# Colors

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

<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2Fmr6cAF36l18aHHVeBqmT%2Fss_color.png?alt=media&#x26;token=291b26ed-b5fe-482f-9d17-85e055800ad0" 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