lightTheme top-level property

Implementation

final ThemeData lightTheme = ThemeData(
  useMaterial3: true,
  scaffoldBackgroundColor: backgroundColor,
  appBarTheme: AppBarTheme(
    color: primaryColor,
    foregroundColor: onPrimaryColor,
  ),
  cardTheme: const CardTheme(
    color: cardColor,
    elevation: 2,
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      backgroundColor: primaryColor,
      foregroundColor: onPrimaryColor,
      padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
      textStyle: GoogleFonts.roboto(
        fontSize: 14,
        fontWeight: FontWeight.w600,
      ),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15),
      ),
    ),
  ),
  floatingActionButtonTheme: FloatingActionButtonThemeData(
    backgroundColor: primaryColor,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(30),
    ),
  ),
  inputDecorationTheme: InputDecorationTheme(
    enabledBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.grey),
      borderRadius: BorderRadius.circular(10),
    ),
    focusedBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.black87),
      borderRadius: BorderRadius.circular(10),
    ),
    errorBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.red),
      borderRadius: BorderRadius.circular(10),
    ),
    hintStyle: GoogleFonts.roboto(
      color: Colors.black54,
      fontWeight: FontWeight.w300,
    ),
    contentPadding: const EdgeInsets.all(16),
  ),
  cardColor: cardColor,
  colorScheme: ColorScheme.light(
    primary: primaryColor,
    onPrimary: onPrimaryColor,
    surface: backgroundColor,
    onSurface: Colors.black87,
    error: errorColor,
    onError: onErrorColor,
  ),
  textTheme: TextTheme(
    displayLarge: GoogleFonts.roboto(color: Colors.black87),
    displayMedium: GoogleFonts.roboto(color: Colors.black87),
    displaySmall: GoogleFonts.roboto(color: Colors.black87),
    headlineLarge: GoogleFonts.roboto(color: Colors.black87),
    headlineMedium: GoogleFonts.roboto(color: Colors.black87),
    headlineSmall: GoogleFonts.roboto(color: Colors.black87),
    titleLarge: GoogleFonts.roboto(color: Colors.black87),
    titleMedium: GoogleFonts.roboto(color: Colors.black87),
    titleSmall: GoogleFonts.roboto(color: Colors.black87),
    bodyLarge: GoogleFonts.roboto(color: Colors.black87),
    bodyMedium: GoogleFonts.roboto(color: Colors.black87),
    bodySmall: GoogleFonts.roboto(color: Colors.black87),
    labelLarge: GoogleFonts.roboto(color: Colors.black87),
    labelMedium: GoogleFonts.roboto(color: Colors.black87),
    labelSmall: GoogleFonts.roboto(color: Colors.black87),
  ),
);