The complete guide to Angular Material Themes

Tomas Trajan
7 min readJun 1, 2017

Theme your Angular Material apps like a PRO, examples included πŸ˜‰

For what is the web if not to express our ideas?

Check out new live coding video tutorial & video from meetup.

Theming support in an application can be pretty useful. From nice to have feature like letting user to chose from available color schemes to get personalized experience to more mission critical branding capabilities like building multi-tenant SaaS product where every client wants to use their own domain, logo and colors to offer branded services to their end customers.

Lately I have been working on Angular ngRx Material Starter project and surprisingly, one of the best features of new Angular Material component library proved to be its theming capabilities. It enables us to implement beautiful themes with only a little effort on our side!

Angular Material theming capabilities in practice (light, dark and default themes of our example project)

Unfortunately, as of June 2017, the official theming documentation…



Tomas Trajan

πŸ‘‹ I build, teach, write & speak about #Angular & #NgRx for enterprises πŸ‘¨β€πŸ’» Google Developer Expert #GDE πŸ‘¨β€πŸ« @AngularZurich meetup co-organizer