Is it possible to use a custom mat-dark-theme and mat-light-theme? about angular-material-css-vars HOT 4 CLOSED

Hi! This should be possible, but might be limited by the quirks and inconsistencies of angular material. This library is not a replacement of angular material, but rather placed on top of it to make it work as well as possible with css variables. You can find a list of all accessible variables here: https://github.com/johannesjo/angular-material-css-vars/blob/master/projects/material-css-vars/src/lib/_variables.scss

Would be interesting to read how for you get with this approach. Maybe that's even something for an article on dev.to if you're into those kind of things? :)

Please let me know if I you have any further questions. That's also something I'd like to implement on another project, so it would be wonderful if you'd share your findings.

from angular-material-css-vars.

Btw. I just had a look at Knowte. Pretty slick UI. I am impressed! :)

from angular-material-css-vars.

Thanks for replying! Unfortunately, I could not get it to work. One of the colors that I need to set is MaterialCssVariables.BackgroundBackground. I've used the setVariable() function, but no luck. I've tried like this:

setVariable(MaterialCssVariables.BackgroundBackground, '10, 10, 10')

and

setVariable(MaterialCssVariables.BackgroundBackground, '1a1a1a')

But no luck. the background color remains unchanged. So I reverted to the regular Angular material way of doing theming and implemented my own color changing system using css variables. I'll try to write a blog post about it.

Thanks for liking Knowte! :)

from angular-material-css-vars.

I'll try to write a blog post about it.

Cool, please keep me posted! :)

from angular-material-css-vars.