# Color Options

**Step 1** - From Freshio option select Home -> Colors.

![](https://3352170884-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFZzX4YuzXw6bWeNqh8%2F-MFf_hbBHRAvB_Ty7W0_%2F-MFfa1olKI8ZejLMUWd-%2Fimage.png?alt=media\&token=9ab19aae-e72b-47ba-a0e6-ec01fec2e603)

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

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

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

    Example: Color Button , Color Link  and some other places. 

    2\. **Body Color** is color of the content text.

    Example: Color content, description ... in single blog, single product, page ... 

    3\. **Heading Color** is color of heading text. 

    Example: Color Title , Title  Tab ...

    4\. **Border Color** is color border block.

     Example: border product block, border form input and places with borders ... 

    5\. **Light Color** is color light used for sub description.

     Example: Color categories, color date time, color subtitle ... 

    6\. **Dark Color** is color dark usually used color for background.

     Example: background breadcrumb ... 

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