If you've worked with Angular Material, you know theming can be one of the trickiest parts of the library — especially after the move to Material 3. Token-based theming, custom palettes, dark mode, component-level overrides... there's a lot going on under the hood.
I built a full course to break it all down, and I'm excited to announce it's now completely free.
What's in the course
Angular Material Theming System is a deep, practical walkthrough of Angular Material's theming API for Material 3. By the end, you'll be able to:
- Build and customize themes from scratch
- Apply themes at the application level
- Override and extend themes for individual components
- Work confidently with Angular Material's theming tokens and APIs
It's 46 lessons and roughly 4.5 hours of content, all hands-on and example-driven.
Where to find it
- 🎥 Watch on YouTube: https://www.youtube.com/playlist?list=PLOjtJUnDeEIyaeUs_jrxylnD2IxSb3Ku7
- 📝 Read the article version: https://angular-ui.com/courses/angular-material-theming/
- 💻 Full source code on GitHub: https://github.com/Angular-UI-com/angular-material-theming
If you're building with Angular Material and theming has ever felt like a black box, give it a watch. I'd love to hear your feedback in the comments.
If this helped you, consider checking out Angular Material Blocks — a library of pre-built Angular Material + Tailwind components, available via a simple CLI.
