Themes

Theming allows you to change the look and feel of your application. It is a useful feature that allows you to change the appearance of your application without changing the code. You can customize your application’s colors, fonts, and other visual elements.

Projects

1. Understanding Theme

Create a new Flutter project. Update the theme so that scaffold background color is white, AppBar background color is lime. Update the existing Text widget to use the headline1 style (check Theme.of(context).textTheme).

2. Text Theme

Create a new Flutter project. Update the AppBar theme so that the background color is indigo. Also update AppBar title text style so that font size is 20 and weight is bold. Update the text theme of the application so that body text size is 16 and headline1 to headline6 sizes are 28, 26, 24, 22, 20, 18 respectively.

Finally, create a simple home page with AppBar and multiple text widget in body that uses style from headline 1 to 6 and also normal body text.

Resources