# Color

**Step 1** - You can go to the Elementor and edit page..

<figure><img src="https://8135261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlDxqU4aaEfXNE68Ppso4%2Fuploads%2F1WHp3TCi2BEoSQ8zisig%2FA%CC%89nh%20ma%CC%80n%20hi%CC%80nh%202025-05-12%20lu%CC%81c%2013.30.36.png?alt=media&#x26;token=cb32fe96-0e28-460c-94fb-f6c9ebc6e482" alt=""><figcaption></figcaption></figure>

**Step 2** - Site Settings >> Global Colors >>

<figure><img src="https://content.gitbook.com/content/lDxqU4aaEfXNE68Ppso4/blobs/41pMBtOe9xNuDsTQphfl/Screenshot%202025-01-17%20at%2011.08.31.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://8135261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlDxqU4aaEfXNE68Ppso4%2Fuploads%2F9iJKzLZJMWI3KtzyURqE%2FA%CC%89nh%20ma%CC%80n%20hi%CC%80nh%202025-05-12%20lu%CC%81c%2013.34.03.png?alt=media&#x26;token=b0de5d05-59a9-42fb-a54a-7d3021d9a297" alt=""><figcaption></figcaption></figure>

**Step 3** - Settings color for your site

1. **The Primary Color** is the main color of your site.

* Regular: original color
* Hover: color when hovering items

&#x20;Example: Color Button, Color Link, and some other places.

2\. **Secondary** (**Heading) Color** is the color of the heading text.

&#x20;Example: Color Title, Title Tab ...

&#x20;3\. **Text Color** is the color of the content text.

&#x20;Example: Color content, description ... in a single blog, single product, page ...

4\. **Accent** **Color** is the color of the content text.

&#x20;5\. **Border Color** is the color border block.

&#x20;Example: border product block, border form input, and places with borders ...

&#x20;6\. **Light Color** is the color light used for sub-description.

&#x20;Example: Color categories, color date-time, color subtitle ...

7\. **Dark Color** is the color light used for sub-description.

8\. **Background field** is the color Background field used for sub-description.

Note: Color is sometimes used for many special places to see which colors apply correctly to what cases you can select and test.
