Styles, Themes, Material Theming, Oh My!
summary
Explains concrete rules: styles apply to single views, TextAppearance to character-level text, themes cascade to child views and theme overlays wrap a view context; the precedence order is view > style > default style > theme > textAppearance. Shows switching to the Material Components Theme (and using colorOnSurface) breaks buttons and text fields but is fixable with material button style and material theme overlay or a bridge theme migration path, and recommends stepping through attributes and defaults to debug what actually overrides what.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:39The problem
- 2:12What?
- 6:02When?
- 8:27Example
- 9:54Theme attributes everywhere!
- 17:27Where the magic happens
- 18:00Styling Hierarchy
- 20:14Material Components
- 25:22Color theming: new attributes
- 26:37New attributes: shape
- 27:52Typography theming
- 28:07New attributes: typography
- 30:00You won't believe what happened next...
- 30:45Migrating to Material Component Theme
- 35:05Bridge Themes
- 36:28If something looks funny...
- 38:27Useful Links
related talks
42mStyles, Themes, Material Theming, Oh My!
39mStyles, Themes, Material Theming, Oh My!
46mDeveloping Themes with Style
45mTheme On
49mThemes, styles & more: from zero to hero
23mBest practices for themes and styles
29mThe components of Material Design
36mMaterial Theming: Build Expressively with Material Components