I converted my app to Material 3, and now it looks 10x better!
The conversion went smooth. It took me around 5 hours to do a complete make-over of my app (which is quite large). It was definitely worth it. I recommend you just do it!
Here is what I did:
- Created a blank Material3 app, ‘Mat3’, and git cloned it locally for reference.
- Took a backup of ‘MyApp’ to be on the safe side.
- Created a new branch ‘to-material3’ in ‘MyApp’ and git cloned it locally.
- Updated ‘theme/templates.yaml’, ‘theme/parameters.yaml’, ‘theme/assets/standard-page.htm’ and ‘theme/assets/theme.css’ from the same files in the ‘Mat3’ clone, while making sure I kept the roles, css and html that I had added for ‘MyApp’.
- Created a PyCharm project in the cloned folder and did a search-all-replace for ‘role: card’ → ‘role: elevated-card’ (ColumnPanel) and ‘role: primary-color’ → ‘role: outlined-button’ (Button).
- git pushed the changes to Anvil.
- Went through all my forms in Anvil editor to make adjustments and apply filled-button and tonal-card where it made sense (Read the Material 3 documentation)
- Merged ‘to-material3’ into the ‘master’ branch and published.