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
π
#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ππ
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 πππ
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... ππ
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! πππ
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! ππ
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
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! ππ
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! ππ
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... π ππ
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ππ
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ππ
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
