Thread by @RydMike

FlexColorScheme V4 for #FlutterDev has a daunting amount of cool new features, including Material3 like looks 😎💙
#Flutter package here:
pub.dev/packages/flex_…
Try it with the Themes Playground here:
rydmike.com/flexcolorschem…
My quick takes feature highlight tweets in a thread
👇

FlexColorScheme V4 #FlutterDev 1/10
When opting in on new sub themes, border radius defaults to new Material 3/You guide values and varies by Widget type. Change it to whatever you want for all #Flutter Widgets, 4 dp as before, square or super round, via a single radius value💙😀

FlexColorScheme V4 #FlutterDev 2/10
When opting in on new sub themes, the Material 3 FAB border radius can feel a bit "too new" in #Flutter. Keep it circular even with M3 defaults, and other border radius settings too, if you so prefer 🙏😇💙

FlexColorScheme V4 #FlutterDev 3/10
With the new sub themes, you can vary your TextField style easily. #Flutter InputDecorator theme with all its states is tricky. Now go outlined, underlined, filled, border when not focused - easily! Border radius? You know what to do... 😎💙

FlexColorScheme V4 #FlutterDev 4/10
With the new sub themes, you get Material 3 like #Flutter TextTheme styles, if you like. Its headline sizes are more sensible. The M3 like text coloring can be turned off. Roboto is default, I used NotoSans in this demo, because is nice! 👍😀💙

FlexColorScheme V4 #FlutterDev 5/10
Theming #Flutter Chips properly is tricky and a bit limited with current ChipTheme, but we can still be M3 inspired! 😇
What are themed state effects? Well everything needs to follow the theme, also small details! 😉💙

FlexColorScheme V4 #FlutterDev 6/10
Not enough #Flutter themes? Swap primary and secondary colors to double the combinations! Wait since you can do it separately for light and dark mode, that quadruples the combos! 🤯😂💙
All do not work so well, but some were designed for it

FlexColorScheme V4 #FlutterDev 7/10
Dark mode huh? Too bright for you? Try #Flutter stealthy true black! 😎💙

FlexColorScheme V4 #FlutterDev 8/10
Dark mode huh? Making your own color scheme and #Futter dark mode colors have you buggered down? Compute them from your light mode color definitions and adjust saturation as needed, 0% is light mode colors, 100% is... well you'll see it! 😀💙

FlexColorScheme V4 #FlutterDev 9/10
So blend mode is what?
"It mixes primary color into #Flutter surface colors using a defined alpha blend value and also varies its strength by surface type"
Say whaaat? Yeah, just play with it... 😅😉💙

FlexColorScheme V4 #FlutterDev 10/10
How many themes are there anyway?
Too many! Naah there ain't no such thing, so yeah there are 36 matching light and dark themes, but who's counting... 😂🙏💙

BTW, the #Flutter Themes Playground used in this thread is open source too😀💙