Awesome Flutter Theme Animation

Due to space constraints on certain platform targets, the only tools we have to tell a story in UX is color and motion. And part of that story has to be responding fast to a user action. We can start the app user experience right by giving color and motion feedback to them when they change the app theme.

So, first we will use a better way to do more custom Tones for Material Design HTC color space and then a better way to generate ThemeData objects and then how to setup a Popup menu for the 4 themes, and then finally how to animate the theme changes.

What Are We Building

This is a video of the Theme change animation:

The packages I am using to better generate a more powerful ColorScheme and ThemeData objects are:

Material Color Utilities