search

finnhvman / matter

Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰
MIT License
1.13k stars 85 forks source link

Changing colors #8

Closed fakhamatia closed 5 years ago

fakhamatia commented 5 years ago

How can i change default colors? I cant understand this color code .matter-warning { --matter-theme-rgb: var(--matter-warning-rgb, 238, 102, 0); --matter-ontheme-rgb: var(--matter-onwarning-rgb, 255, 255, 255);

I want change warning because not near yellow color bootstrap Screenshot from 2019-04-17 23-41-33

willpower232 commented 5 years ago

--matter-warning-rgb and --matter-onwarning-rgb are CSS Custom Properties (or variables).

I think you could override the value without changing the code by adding this to your own code 

:root {
    --matter-warning-rgb: 238, 102, 0;
    --matter-onwarning-rgb: 204, 204, 204;
}
fakhamatia commented 5 years ago

Yes its work i add to main css and warning color change but the color of error class changed too . matter-error now is yellow.

finnhvman commented 5 years ago

Hey @fakhamatia thanks for the issue, this was indeed a bug coming from a copy-paste error. It is now fixed in Release 0.2.1, let me know if you still have problems.

@willpower232 Thanks for explaining, this is exactly how global theming is meant to work.

Sorry for the late response, I wasn't around in the last few days.