> For the complete documentation index, see [llms.txt](https://cmssuperheroes.gitbook.io/sparkai-wordpress-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cmssuperheroes.gitbook.io/sparkai-wordpress-theme/customize-our-theme/change-the-color-of-our-theme.md).

# Change the color of our theme

1 Go to **SparkAI** -> **Theme Option**s -> change color in the **Colors** section:

<figure><img src="https://3445985784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo2vNzVTThkRoYRWgRAq4%2Fuploads%2FjxR7RmLCp0BMEYLn8T2C%2Fimage.png?alt=media&amp;token=cc51aba1-99c1-4f1e-b840-9d38892a5c58" alt=""><figcaption></figcaption></figure>

2 Turn on **Dev mode** option

<figure><img src="https://3445985784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo2vNzVTThkRoYRWgRAq4%2Fuploads%2Fd5zwAUaOi74bgufNatj7%2Fimage.png?alt=media&amp;token=7df59939-4e29-47c3-9544-0b1a1535f17a" alt=""><figcaption></figcaption></figure>

3 After color is changed on the front-end, please disable **Dev mode**.