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

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


Last updated