> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/suseio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/suseio/setting/color.md).
# Color
**Step 1** - You can go to the Elementor and edit page.
**Step 2** - Site Settings >> Global Colors >>
**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
Example: Color Button, Color Link, and some other places.
2\. **Secondary** (**Heading) Color** is the color of the heading text.
Example: Color Title, Title Tab ...
3\. **Text Color** is the color of the content text.
Example: Color content, description ... in a single blog, single product, page ...
4\. **Accent** **Color** is the color of the content text.
5\. **Border Color** is the color border block.
Example: border product block, border form input, and places with borders ...
6\. **Light Color** is the color light used for sub-description.
Example: Color categories, color date-time, color subtitle ...
7\. **Dark Color** is the color light used for sub-description.
8\. **Background field** **Color** is the color Background field used for sub-description.
9\. **Stripe Gradient** 1.
10\. **Stripe Gradient** 2 .
11\. **Stripe Gradient** 3 .
12\. **Stripe Gradient** 4 .
* You use the available Edit Elementor class as the example below, you will have a color mixing gradient .
* Class "suseio-stripe-gradient" .
* Gradient color
Note: Color is sometimes used for many special places to see which colors apply correctly to what cases you can select and test.
