# Color Options **Step 1** - From Ekommarts option select Home -> Colors. ![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-MBb2roo2rmEWoH4APcL%2F-MBb5FV5U9mXilJ6t6O7%2Fimage.png?alt=media\&token=e8d005b2-88ec-45db-8c02-34448322fa59) **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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://wpdocs.gitbook.io/ekommart/setting/color-options.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.