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:
a.atmos.washington.edu/~ovens...
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses...
💻 Let me personally review your code and provide individual feedback, so it won't backfire and cost you a fortune in future:
elopage.com/s/philipplackner/...
Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!
pl-coding.com/newsletter
Join this channel to get access to perks:
/ @philipplackner
Join my Discord server:
/ discord
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/philipplackner
You like my free content? Here you can buy me a coffee:
www.buymeacoffee.com/philippl...

[@furkanakcakaya9443]

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.

[@PhilippLackner]

Don't forget to code though Glad you enjoy it mate!

[@thomaswaldorf2829]

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

[@arkadiuszp5070]

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

[@hasanforaty1536]

Amazing as always, can't wait for implementation video

[@TheItchyi]

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

[@bobbyesp1100]

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

[@musfickjamil2831]

I was waiting for this. Take love Phillip

[@PhilippLackner]

You're welcome!

[@CharfaouiYounes]

Thanks for your high quality Android tutorials brother ❤️

[@PhilippLackner]

Glad you like them!

[@ilyasoztrk]

I love the content that both of you make thank you for that.

[@mosaiebangashteh9820]

Nice, thanks philip

[@mnouman6736]

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

[@leki4916]

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.

[@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?

[@OlegGolubev_yolo]

Exactly when it needed :P

[@shubhoooom]

Thanks for explaining it this well 👍♥️

[@PhilippLackner]

Glad it was helpful!

[@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...

[@ctcat4950]

Material 3 components looks nice!

[@mattgraves3709]

Nice, thanks Philip

[@PhilippLackner]

Welcome!

[@osmanmusse9432]

Liked before watching

[@letscoding3421]

It's cool!!

[@theophilus494]

thank you for the updates..

[@PhilippLackner]

No worries

[@MrDebranjandutta]

Can we use these techniques on Kotlin JS for building web apps?

[@FreedivingTrainer]

Does material 3 work on old android version like Android 4.0-5.0 (14-21 API) ?

[@Hrit]

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

[@weezyf775]

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).

[@rvb6516]

Have you figured it out @weeyz ?

[@CheyziEdits]

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

[@ameentehseen6900]

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

[@sanjaybhatikar]

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

[@alaizajefferson2420]

🔥

[@tanishqchawda1725]

Thankyou for this vidoe....show i wanted some videos on folding smartphone ui tutorials can you please that

[@jamieb915]

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

[@FreedivingTrainer]

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

[@weezyf775]

what i've learned is you can do whatever you want; except when you can't.

[@weezyf775]

So "primary" will actually serve as the primary container while the "primary container" is really the "secondary/primary variant container" ???

[@kingmarwat]

wow

[@mohammadamirkanjoori138]

like

[@tacozzitv7640]

Hi phillip, ive been making an nft app in android studio and im struggling with the xml layout designs. Can you please make a video on an nft marketplace ui design?

[@missinglink2416]

too much theory.. not for beginners

[@hossamqandel5303]

I hate compose 😖

[@attiaaliattia]

Dear Philipp I have contacted you on instagram