Customizing Angular 5 Material Themes

Learn how to create custom Angular 5 Material themes in this tutorial.

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[asmae.k.]

At first I was a little bit disappointed by angular material, I felt kinda limited in what I wanted to do, this tutorial definitely opens up more possibilities. Really enjoyed it. Thank you.

[carlbonsu]

Thank you for this excellent tutorial. You explain and demonstrate things so well. Thank you.

[ThiagoLucioBittencourt]

Great tutorial. It's easier to understand you explained about Angular. Thanks for all videos about that. Did I suggested doing one about the Angular Material Layout?
Regards!

[redsnakeintown]

All the trainers out there are missing a point that you don't have to --save anymore with the latest version of npm. It gets there by default.

[TipsandTricksHelp]

Congratulations for 500k subscribers...

[ssokurenko]

Thanks for the tutorial!

It would be also useful to cover creation of custom pallettes based on custom unique colors.

[younssaitmou]

Thanks Gary for the share. I had a little issue thought. I followed all the steps to create the custom theme but saving the theme wasn't changing the actual application's theme. It was still showing the default one :s I had to interrupt the server (CTRL + C) and run ng serve again to see the custom theme in action. Did I miss a step?

Also, how can I pull a specific color from the theme. Let's say I have a div that needs to get the same background color as the toolbar, how would I get the toolbar's bg color and use it in my div. As an alternative 'nasty' way, I render the app -> inspect -> copy the bg color. But that doesn't seem right. is there a more dynamic way of doing this? like pulling the primary color variable from the theme?

Many thanks for your help man.

[adamarvai]

Nice tutorial! But how do we use custom palettes?

[MConnolly]

These videos are great, subbed, keep it up :)

[MrHAMZAMED]

Thank you for your tutorial, it was very helpful for me, but i have a problem with images displaying.
The problem is : when i upload an image using odoo-jsonrpc, i get it in binary format (when checking the console log) and i don't know how to convert it so that i can display it, can you help me please !

[BytesAndBrackets]

Very helpful, 👍Can you please do another tutorial to dynamically switch between themes.. Such as day/night mode

[sunjooOh]

another great video ! Thanks for teaching !

[sheetalchaudhari]

Hi, I have an doubt what if my style file's extension is ".css" & theme files extension ".scss"? what change do i need to do for this scenario?

[schlaus_kwab]

Hello, I followed the steps in the video, but this is what I get: "Module build failed: Error: Can't resolve I am using Angular6. /// False alarm. Fixed it! I misspelled a word in the @import line :)

[dearvivekkumar]

on adding theme class on app component, then themes will not be applied on mat-dialog/cdk-overlay related component

[udaysaini]

Hey can you help me how to understand the API section of the angular material documentation? I get really confused with it.

[Purple-qihj]

Gary you are one of the few trainers using Windows for your setup do you have a tutorial on your build/workflow for doing JS development on windows.

[RiskyBizz]

HELLO? omg why was this so hard for me. THANK YOU!!!

[UdaySaini]

Please do a MATERIAL DATA TABLE with Pagination, Sorting and Filtering with dynamic data. I cant seem to make it work with dynamic data.

[Chandasouk]

Material themes are so nice especially since I'm garbage at CSS