> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Global Colors | Global Styles

# Getting Started

Global Styles lets you set **Global or primary Colors** for your **entire site**. The features in Global Styles enhance users’ control over site **colors and easiness.**


---

# How to find Global Color option?

Go to the Global Styles option in the left panel of the site dashboard, then select `Colors` from the **Global Styles** modal.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_ax8abk.png)

---

# How to add Global Colors?

You can add Solid and Gradient colors on Global color list. **Check below to see how**: ⏬


## Solid

✅ You can list **Solid colors** here. To add more solid colors on the list click `+ Add Solid Color` button and choose your preferable one. You can also rename your Color name.

**Refer to the screenshot & GIF below:**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1bk5a83.png)


![Add Solid color and renaming the color](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-28-at-60_1wny620.gif)


---

## Gradient

✅ It’s easy to list gradient colors on your Global color list from here. To add Gradient colors on the list click on the `+ Add Gradient Color` button.

**Refer to the screenshot & GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1yjcdi8.png)


![Add Gradient color and renaming the color](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-28-at-62_au3p17.gif)


---

# How to apply Global colors to a particular place on a website?

Lets apply Global colors to a **Title element** on a website. We will go through the step-by-step procedure.


1. Click on the **🖊️ Edit Element** option on the Title, or just simply click on the Title itself.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1htkhdr.png)


2. Expand the `Title Styles` option, near the `Color` option, click the **Globe icon(🌐)**  you will find all your pre-set global colors, as shown in the picture below ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_lhij1e.png)


3. Pick any color!
    
    

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-28-at-62_fy9aok.gif)    

---

---

# Related articles

[Global Styles Basics](https://help.dorik.com/en/article/global-styles-basics-1gcjxxw/)