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

# Theme Colors

Configure the colors of the theme in one place.

Open File path : `src/assets/scss/settings/_bootstrap-variables.scss`

{% code title="\_bootstrap-variables.scss" %}

```scss
$primary: $blue; // change
$secondary: $secondary; // change
$success: $green; // change
$info: $cyan; // change
$warning: $yellow; // change
$danger: $red; // change
$light: $gray-100; // change
```

{% endcode %}