Flutter Color Scheme Power Play
Easier Way To Generate Color Schemes
The goal in Flutter UX is to get the most design power out of the Flutter SDK. And the biggest challenge in that task is getting our real ARGB brand colors into the new Material Design 3 HCT color space. And the Flutter SDK team constrains brand color seeds we can inject into generating the color scheme to just one brand color.
As with most popular Google front-end frameworks; a person has stepped in to solve some aspects of these set of challenges. That particular person has a GitHub username of RydMike and is author of the Flex Seed Scheme and Flex Color Scheme packages that solve these set of problems and theme customization.
On top of that things have changed from Material Design 2 to Material Design 3 as we no longer deal with custom color schemes but rather the Flutter SDK team provides a set of color schemes that matches what the Android OS has natively. Thus, we need some new design ways to make our Flutter UX in our app stand out brand color wise.
As always, the source code can be found in this GitHub repository:
Master Flutter Themes
Keep reading with a 7-day free trial
Subscribe to Fred’s Flutter Newsletter to keep reading this post and get 7 days of free access to the full post archives.