light_theme.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:google_fonts/google_fonts.dart';
 
import 'color_palette.dart';
 
final ThemeData lightTheme = ThemeData(
  useMaterial3: false,
  brightness: Brightness.light,
  primaryColor: ColorPaletteV2.primaryLight,
  colorScheme: const ColorScheme(
    primary: ColorPaletteV2.primaryLight,
    primaryContainer: ColorPaletteV2.primaryVariantLight,
    secondary: ColorPaletteV2.secondaryLight,
    secondaryContainer: ColorPaletteV2.secondaryVariantLight,
    surface: ColorPaletteV2.surfaceLight,
    error: ColorPaletteV2.errorLight,
    onPrimary: Colors.white,
    onSecondary: Colors.white,
    onSurface: ColorPaletteV2.textPrimaryLight,
    onError: Colors.white,
    brightness: Brightness.light,
  ),
  dividerColor: ColorPaletteV2.textPrimaryLight.withOpacity(0.3),
  scaffoldBackgroundColor: ColorPaletteV2.backgroundLight,
  fontFamily: GoogleFonts.poppins().fontFamily,
  textTheme: TextTheme(
    displayLarge: TextStyle(
      fontWeight: FontWeight.bold,
      color: ColorPalette.black,
      fontSize: 26.sp,
    ),
    displayMedium: TextStyle(
      fontWeight: FontWeight.w700,
      color: ColorPaletteV2.textPrimaryLight,
      fontSize: 18.sp,
    ),
    displaySmall: TextStyle(
      fontWeight: FontWeight.w500,
      color: ColorPaletteV2.textPrimaryLight,
      fontSize: 15.sp,
    ),
    bodySmall: TextStyle(
      fontWeight: FontWeight.w300,
      color: ColorPaletteV2.textPrimaryLight,
      fontSize: 12.sp,
    ),
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      padding: EdgeInsets.all(18.sp),
      elevation: 0,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10),
      ),
      shadowColor: ColorPaletteV2.primaryLight.withOpacity(0.11),
      overlayColor: ColorPaletteV2.secondaryLight,
      textStyle: TextStyle(
        fontWeight: FontWeight.bold,
        fontSize: 14.sp,
      ),
    ),
  ),
).copyWith(
  appBarTheme: AppBarTheme(
    systemOverlayStyle: SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      statusBarIconBrightness: Brightness.dark,
      statusBarBrightness: Brightness.light,
      systemNavigationBarColor: ColorPalette.white,
      systemNavigationBarIconBrightness: Brightness.dark,
    ),
  ),
);