Future-Proof Angular Material Styling in 5 Minutes

on YouTube ↗06m

" summary

Shows that Angular Material exposes an official Angular Material Styling API (added in v19) with SASS mixins and system variables (design tokens) that let you change colors, shapes, dark mode and theme swapping without touching private DOM or classes. Overriding internals or undocumented variables creates fragile upgrades; instead use the theming API for predictable styling with minimal code. If design demands differ, negotiate for Material tokens, use Angular CDK to build headless UI, or create a custom component.

AI-written summary · about

" related talks

• 29mEasy, Breezy, Beautiful: Angular MaterialMelissa Houghton · AngularUP Experience 2020
• 46mMaterial Design in practice with AngularJSDaniel Zen · Spotlight Front-End 2014
• 19mCreating Beautiful Experiences Fast with Angular MaterialStefanie Trimble Fluin · ng-europe 2018
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 20mThoughtful Component DesignJeremy Elbourn, Miles Malerba · ng-conf 2017
• 27mAngular Material or Bootstrap? Stop asking the question!Amadou Sall · NG-DE Conference 2019
• 31mAngular Material 2Elad Bezalel · AngularUP 2016
• 31mAngular Material or Bootstrap? Stop asking the question!Amadou Sall · NG-MY 2019