Angular Material Theming, with Fx-Layout, Sass, and color service

Опубликовано: 06 Октябрь 2024
на канале: CodingCatDev

34,019

445

🎓 Lesson: https://codingcat.dev/course/angularm...

Please see full course: https://codingcat.dev/course/angularm...

Angular Material is the officially supported components for implementing Google's Material Design System within Angular.
There are 4 pre-built themes that come with Angular Material

deeppurple-amber
indigo-pink
pink-bluegrey
purple-green
We are going to take a look at creating our own theme and including this in with our default style, then using this to provide mixins for each of our components styles.

Probably the biggest complaint that I hear about Themes in Angular Material is the requirement for building an entire new set of css using the sass function, which bloats your style.css files. Please checkout [Ionic CSS Variables](https://beta.ionicframework.com/docs/...) to see a comparison of how this can be accomplished. As of writing this still remains an [open issue on GitHub](https://github.com/angular/material2/...)

🔗: https://beacons.ai/codingcatdev