Material Theming with Flutter (Flutter Interact '19)

Discover how Google made Material Design more expressive and how teams can customize Material’s style to better reflect their product’s brand. In this session, learn how you can create your own Material Theme using Flutter.

Presented by → Yasmine Evjen

event: Flutter Interact 2019; re_ty: Publish; product: Flutter - General; fullname: Yasmine Evjen;

[kirill]

What I really want is that ALL properties in ThemeData (including it's nested Themes and a colorScheme) would have a full list of components they affect somewhere well documented.

AND the full list of all components in Flutter with their corresponding ThemeData properties which defines their color/style.


For now I have to Google on how to change color for "foo" component and go through a bunch of StackOverflow questions before I find the right one.

It's all should be in docs in one place.

For example, how do I know where to change the color of the text on the textfield contextual popup menu (the one that has CUT | COPY | PASTE)?

In the main theme in text styles?
Maybe it's affected by one of the colorScheme properties?
Or maybe it's defined in one of the ButtonTheme properties?
Or it has it's own style property in the main ThemeData?

We really need a list of all components and corresponding properties which style them.

Thank you guys for your hard work!

[raphaeljaggerd]

I Just need flutter web to be production ready

[RodrigoCastroDev]

I want to know if this project (Material Theme Builder) will be available on github.

[Fullstackdesign]

Will Flutter change the type scale naming from display1, display2 display3 display4 to header 1 header 2 ... header 6? Also would be nice if the Sketch Material Design theme editor plugin would export to Flutter code.

[CheoWalker]

Need to update the Flutter Type Scale Generator since the later version of Flutter change the names of the attributes.

[jwasher]

Was the source code for Build a Material Theme for Flutter ever posted somewhere?

[ReadTheCommentFirst]

Is this available yet? Specifically the Type Scale Generator?

[mikemannox]

Where can we download the Flutter App that Yasmine is changing settings in?

[dasleo]

Love the shape customization tool, but without the ability to export to code it's pretty much useless :/

[jopmiddelkamp]

How can you access the onPrimary color from anywhere in the app?