> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/sveltekit/customizer/preset-colors.md).

# Preset Colors

To change the **Preset color** in the theme change value in **"/src/lib/stores/layoutStore.js".**

```cshtml
themePreset: 'preset-1'
// set value like 'preset-1', 'preset-2', ... 'preset-10'
```

you will get different types of **10 preset** color themes in your theme package.