Introduction to Material 3 (Color Theming, Typography, Shapes)

Material 3 is the new standard for Android UIs. It replaces Material 2 and has some new awesome features like dynamic colors. In this video you'll learn what you need to know to start using it in your own app.

Here's the color picker:

⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:

💻 Let me personally review your code and provide individual feedback, so it won't backfire and cost you a fortune in future:

🎓 Become an industry-ready developer in the Mobile Dev Campus:

🎁 Get my FREE 4.5h course "The Best Practice Guide to Android Architecture":

Read our weekly Android blog:

Join this channel to get access to perks:

Join my Discord server:

You like my free content? Here you can buy me a coffee:

[furkanakcakaya]

You made me a person who watches Android related content while eating. Thanks for the high quality-easy to understand and fun to watch content.

[CharfaouiYounes]

Thanks for your high quality Android tutorials brother ❤️

[arkadiuszp]

Love how you explain this, straight to the point, no bullshit

[sanjaybhatikar]

Instead of watching news, I now watch Philipp Lackner's Android programming videos 😂

[mnouman]

thanks mate, waiting for the next update on this Material 3.

[Hrit]

Really enjoyed watching this. MD3 is so far the best looking scheme for me.

[thomaswaldorf]

This topic has been very fun to research. Thank you for the help!

[TheItchyi]

Thanks, dude! I learned something new. Really liking the new Material 3.

[musfickjamil]

I was waiting for this. Take love Phillip <3

[bobbyesp]

OMG Thanks a lot Philipp, you're awesome men! Thanks for this video!

[FreedivingTrainer]

Already use Material3 in production, pretty nice. Moreover you can use material1 in the same time for missing components

[hasanforaty]

Amazing as always, can't wait for implementation video

[jamieb]

Would be great if the Android site had a colour brightness generator to negate the need for use a third party website

[leki]

Hi, I know it's a bit late but the color pallete in Material Design 3 is kinda odd, I checked it using HSL, In each of their tonal palletes there are big changes in hue, saturation, and lightness. They are not just changing the tones, could you explain why.

[weezyf]

i'd love to understand more about the colors shown at 7:42. I've generated a similar palette using the mat3 figma plugin in, only my source color is a pastel yellow. However, if you use yellow, your primary 60-90 are pretty unusable. They become that ugly brownish-yellow. In serach for answers, I stumbled across another color tool in the material 3 handbook. This one adjusts hue's to compensate for this, so instead of brownish-yellow, you get more orange-yellow. I guess my question is which color set is "true" according to material 3; or if both how would you go about incorporating the latter hue set into a mix of the first type (for your secondary, tertiary, etc).

[anudeepananth]

How do we change the status bar colour in material 3 ? the accompanist library isn't great when we use a light theme but use a dark theme explicitly in certain composable like a photo view composable...

[ameentehseen]

First of all great tutorial second, what emulator you're running this app on ?

[CheyziEdits]

I actually wanted to ask you on Instagram if you can do a video about this, thank you! Perfect for lunch time

[shubhoooom]

Thanks for explaining it this well 👍♥️

[wakafrica]

Thanks for sharing this overview. I was wondering why they have only defined one semantic color for error...
What would be your approach to specify success, warning, info or other system states? Replicating the Error / on Error structure?