> For the complete documentation index, see [llms.txt](https://docs-sidenav.superpowerups.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-sidenav.superpowerups.com/super-power-settings/sidenav-menu/choosing-a-color-scheme.md).

# Choosing a Color Scheme

By default Sidenav will use your Theme colors that you have set inside of your Thinkific theme, but you can also either choose a preset theme or have complete control over all of the colors used.

## Choosing a theme preset

* [ ] Open up the ***Colors** settings group* of the Sidenav Menu section and choose a color scheme preset
  * [ ] ***Thinkific*** : will use the colors you have in your Theme Settings
  * [ ] ***Dark:*** will use a preset "dark theme" : you can also choose the "primary color" to use
  * [ ] ***Light**:* will use a preset "light theme" : you can also choose the "primary color" to use
  * [ ] ***Custom:*** will allow you to specify colors for all of the elements on the page (using the color selectors right below the dropdown)

![](https://884080818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhnrjX46AlMg-zjo3zH%2F-MhoCaojZlECv8vyI01_%2F-MhoDBL2sDFAjecxtiyQ%2FSite-Builder-Thinkific%20\(66\).png?alt=media\&token=a1f98d75-6fc1-480a-a039-9bdeb48e3d24)

## Creating a custom color scheme

When you select a ***Custom** option from the Color Scheme dropdown*, the color sectors become active. Configure each color option to change the color for that specific element

![](https://884080818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhnrjX46AlMg-zjo3zH%2F-MhoCaojZlECv8vyI01_%2F-MhoERCTfNw52olaCDa7%2FSite-Builder-Thinkific%20\(67\).png?alt=media\&token=ef8bc800-5a88-4b11-b218-bb2e87baf70a)