> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/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/berry/v3.9.0/theme/theme-config/color.md).

# Color

#### Customize Theme Colors

To change the color of the theme, you can either apply color directly to `..src\theme\palatte.jsx` **or** defines a new variable in `..src\assets\scss\_themes-vars.module.scss` and replace it in `palatte.jsx`

For instance, if you want to change color where `theme.palette.primary.light` is being used in a theme then, update following in **`..src\themes\palatte.jsx`**

{% code title="palatte.js" %}

```javascript
import value from '../assets/scss/_themes-vars.module.scss';

/**
 * Color intention that you want to used in your theme
 */
export function themePalatte(theme) {
    return {
        ...
        primary: {
            light: '#fff000', // change this to your desired color
            ...
        },
        ...
        ...

    };
}
```

{% endcode %}