lightTheme property
ThemeData
get
lightTheme
Implementation
static ThemeData get lightTheme {
return ThemeData(
useMaterial3: true,
primaryColor: AppColors.primaryBlue,
scaffoldBackgroundColor: AppColors.bgPrimary,
// Color Scheme
colorScheme: const ColorScheme.light(
primary: AppColors.primaryBlue,
secondary: AppColors.chartSecondary,
surface: AppColors.bgSecondary,
background: AppColors.bgPrimary,
error: AppColors.error,
),
// Text Theme
textTheme: GoogleFonts.interTextTheme().copyWith(
displayLarge: GoogleFonts.inter(
fontSize: 32,
fontWeight: FontWeight.bold,
color: AppColors.textPrimary,
),
displayMedium: GoogleFonts.inter(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textPrimary,
),
titleLarge: GoogleFonts.inter(
fontSize: 20,
fontWeight: FontWeight.w600,
color: AppColors.textPrimary,
),
titleMedium: GoogleFonts.inter(
fontSize: 16,
fontWeight: FontWeight.w600,
color: AppColors.textPrimary,
),
bodyLarge: GoogleFonts.inter(
fontSize: 16,
fontWeight: FontWeight.normal,
color: AppColors.textPrimary,
),
bodyMedium: GoogleFonts.inter(
fontSize: 14,
fontWeight: FontWeight.normal,
color: AppColors.textSecondary,
),
labelLarge: GoogleFonts.inter(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.textPrimary,
),
),
// Card Theme
cardTheme: CardThemeData(
color: AppColors.cardBg,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
shadowColor: AppColors.cardShadow,
),
// AppBar Theme
appBarTheme: AppBarTheme(
elevation: 0,
backgroundColor: AppColors.bgSecondary,
centerTitle: false,
titleTextStyle: GoogleFonts.inter(
fontSize: 20,
fontWeight: FontWeight.w600,
color: AppColors.textPrimary,
),
iconTheme: const IconThemeData(color: AppColors.textPrimary),
),
// Icon Theme
iconTheme: const IconThemeData(
color: AppColors.textSecondary,
size: 24,
),
);
}