light_theme.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:google_fonts/google_fonts.dart';
 
import 'color_palette.dart';
 
ThemeData get lightTheme => ThemeData(
  brightness: Brightness.light,
  useMaterial3: false,
  visualDensity: VisualDensity.adaptivePlatformDensity,
  scaffoldBackgroundColor: ColorPalette.white,
  fontFamily: GoogleFonts.poppins().fontFamily,
  textTheme: TextTheme(
    displayLarge: TextStyle(
      fontWeight: FontWeight.bold,
      color: ColorPalette.black,
      fontSize: 26.sp,
    ),
    displayMedium: TextStyle(
      fontWeight: FontWeight.w700,
      color: ColorPalette.black,
      fontSize: 18.sp,
    ),
    displaySmall: TextStyle(
      fontWeight: FontWeight.w500,
      color: ColorPalette.black,
      fontSize: 15.sp,
    ),
    bodySmall: TextStyle(
      fontWeight: FontWeight.w300,
      color: ColorPalette.black,
      fontSize: 12.sp,
    ),
  ),
  appBarTheme: const AppBarTheme(
    centerTitle: true,
    backgroundColor: ColorPalette.white,
    foregroundColor: ColorPalette.black,
    elevation: 0,
  ),
  primaryColor: ColorPalette.lightGreen,
  colorScheme: const ColorScheme.light(
    primary: ColorPalette.lightGreen,
    secondary: ColorPalette.darkGreen,
    error: ColorPalette.red,
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      padding: EdgeInsets.symmetric(vertical: 18.sp),
      backgroundColor: ColorPalette.lightGreen,
      foregroundColor: ColorPalette.white,
      elevation: 0,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10),
      ),
      shadowColor: ColorPalette.lightGreen.withValues(alpha:0.2),
      textStyle: TextStyle(
        fontWeight: FontWeight.normal,
        color: ColorPalette.black,
        fontSize: 17.sp,
      ),
    ),
  ),
  outlinedButtonTheme: OutlinedButtonThemeData(
    style: OutlinedButton.styleFrom(
      side: BorderSide.none,
      padding: EdgeInsets.all(10.sp),
      minimumSize: Size(40.sp, 0),
      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
      foregroundColor: ColorPalette.black,
      overlayColor: ColorPalette.lightGreen,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(200.0),
      ),
    ),
  ),
);