Styles, Themes, Material Theming, Oh My!
summary
Migrating an app to the Material Components theme often works only after hunting and fixing concrete breakages: buttons inflate as material buttons and lose icons until icon attributes and material button styles are set, dialog appearance and text sizes change and need new text input and button default styles, and colors move to theme attributes so use material theme overlay or a bridge theme to roll changes out safely. Advice includes checking view attributes, default widget styles, and the styling precedence order to debug effectively.
AI-written summary · about
chapters (19)
- 0:00Intro
- 0:35The problem
- 8:23Example
- 10:08Theme attributes everywhere!
- 15:15When?
- 18:19Where the magic happens
- 19:03Styling Hierarchy
- 20:36What?
- 21:01Material Components
- 24:46Color theming: new attributes
- 24:57Shape theming
- 26:02New attributes: shape
- 27:15Typography theming
- 27:35New attributes: typography
- 29:10You won't believe what happened
- 29:49Migrating to Material Component Theme
- 34:54Bridge Themes
- 36:19If something looks funny...
- 38:32Useful Links
related talks
42mStyles, Themes, Material Theming, Oh My!
39mStyles, Themes, Material Theming, Oh My!
29mThe components of Material Design
39mGetting your apps ready for Material 3
46mDeveloping Themes with Style
30mGetting your apps ready for Material 3
40mMaterial Design 3 in Compose
43mCustomizing Theme and Style for Material Design