How to change Custom Colors
The customColors
object shown below is added in core theme file src/@core/theme/colorSchemes.ts
.
light: {
palette: {
primary: {
...
},
customColors: {
...
}
}
},
dark: {
palette: {
primary: {
...
},
customColors: {
...
}
}
}
In order to change the custom colors of the template, you need to follow the steps below:
-
Open the file
src/components/theme/mergedTheme.ts
and override the color as per your requirement. The example shows how to change thebodyBg
color.colorSchemes: {
light: {
palette: {
secondary: {
...
},
customColors: {
bodyBg: '#F8F8F1'
}
}
},
dark: {
palette: {
secondary: {
...
},
customColors: {
bodyBg: '#1E1E1E'
}
}
}
} -
Now follow the common customization steps mentioned above.