Member-only story
The Flutter Migration Path To Material Design 3
As you may already know, we were promised that Flutter would be Material Design 3 ready by the final release of Android 12. While I make all the changes in themes, etc. let me list all the changes one needs to make Flutter Material Design 3 ready.
Colors
Material Design 3(it’s called Material You) has a new color palette based upon a new color space called HCT, and that color palette is automatically computed based on brand colors and an optional wallpaper color.
One can use the Material Color Utilities package to generate the color palettes:
One of the best practices used to make those generated colors accessible is to extend ThemeData via the Dart Extensions method, which I cover here:
[pushing design](https://medium.com/p/pushing-the-flutter-design-edge-themedata-extensions-f832e8aa1ae1)
To get the user wallpaper color, the Material IO team has published a Dynamic Color plugin which currently works with android 12:
