ThemeData

Define colors, typography, and component themes

ThemeData centralizes your app styling. Define it once and every widget picks up the colors and text styles.

Defines colors, typography, and component styling for your entire app. Set it in MaterialApp.

MaterialApp(
  theme: ThemeData(
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.blue,
    ),
    useMaterial3: true,
  ),
  darkTheme: ThemeData(
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.blue,
      brightness: Brightness.dark,
    ),
    useMaterial3: true,
  ),
)

My App

headlineMedium

bodyMedium text style

Card

surface color

Button

error color text

24 / 35