How to edit default Metronic SASS colors?
What is the best practice for overriding the default SASS color variables?
I am in the process of upgrading Metronic from 8.0.38 to 8.1.0. I notice that SASS uses color variables like:
--kt-primary
--kt-text-muted
Where and how are these colors defined, and how should I override them to make it easy to add future updates without overwriting my custom changes?
I am in the process of upgrading Metronic from 8.0.38 to 8.1.0. I notice that SASS uses color variables like:
--kt-primary
--kt-text-muted
Where and how are these colors defined, and how should I override them to make it easy to add future updates without overwriting my custom changes?
Replies (1)
Hi,
Thanks for the heads-up. The CSS variables are mostly used for the light/dark mode switches and the actual colors should be customized in the SASS level under
and recompile the assets.
If you need any further clarifications please do let us know.
Regards.
Thanks for the heads-up. The CSS variables are mostly used for the light/dark mode switches and the actual colors should be customized in the SASS level under
src/sass/components/_variables.custom.scssand recompile the assets.
If you need any further clarifications please do let us know.
Regards.
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
