Рет қаралды 5,013
#angular #material #css
✨ Get the theming patch CSS file here:
buymeacoffee.com/zoaibkhan/e/...
✨✨ Get the whole theme builder app here:
buymeacoffee.com/zoaibkhan/e/...
(Note: If you're a student, send me your ID at consult@zoaibkhan.com and I can send you a discount code!)
🧪 Try out the Theme Builder app LIVE yourself:
material-theme-builder.zoaibk...
Discover an innovative approach to theming Angular Material components using just six CSS variables!
📽️ My courses:
zoaibkhan.com/courses
✍️My blog for more free Angular posts:
zoaibkhan.com/blog
Socials:
Twitter - / zoaibdev
Facebook - / thisiszoaib
LinkedIn - / zoaib-khan-b6456815
Sections:
00:00 Introduction to Angular Material 3 Theme Builder
00:29 The Power of Six CSS Variables
00:58 Dynamic Theming and Dark Mode Capabilities
01:18 Inspiration from a Client Project
02:09 Challenges with Official Angular Material Theming API
05:06 Creating a Custom Theming Solution
09:07 Designing Themes in Real Time
17:02 Making the Theme Dynamic and User-Friendly
17:20 How to Implement This Theming in Your Projects
19:26 Conclusion and Call to Action
Cheers,
Zoaib