Applying global themes

Consistency is at the heart of any good design. Every screen in your app should look as if it were designed as a single unit. Your font selections, color palettes, and even text padding are all part of your app’s identity. When users look at your app, branding consistency is critical for recognition. Apple products look like Apple products, with their white backgrounds and sleek curves. Google’s Material Design is a colorful splash of primary shapes and shadows.

To make all their products look like they belong to the same design system, these companies use detailed documents that explicitly describe the schematics of how UIs should be designed. On the programmatic side, we have themes. These are widgets that live at the top of the tree and influence all of their children. You don’t need to declare styling for every single widget. You just need to make sure that it respects the theme.

In this recipe, we will take the e-commerce mock...