# 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 %}
