light property
ThemeData
get
light
Implementation
static ThemeData get light => ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(
seedColor: AppColors.primary,
primary: AppColors.primary,
secondary: AppColors.accent,
surface: AppColors.surface,
brightness: Brightness.light,
),
appBarTheme: AppBarTheme(
backgroundColor: AppColors.primary,
foregroundColor: Colors.white,
centerTitle: false,
elevation: 0,
scrolledUnderElevation: 2,
titleTextStyle: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w600,
letterSpacing: 0.2,
),
),
cardTheme: CardThemeData(
elevation: 0,
shadowColor: Colors.black.withValues(alpha: 0.08),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(AppColors.cardRadius),
),
color: Colors.white,
margin: EdgeInsets.zero,
),
dialogTheme: DialogThemeData(
elevation: 8,
shadowColor: Colors.black.withValues(alpha: 0.12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(AppColors.cardRadius),
),
backgroundColor: Colors.white,
insetPadding:
const EdgeInsets.symmetric(horizontal: 24, vertical: 24),
alignment: Alignment.center,
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(18),
),
backgroundColor: AppColors.primary,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 22, vertical: 15),
textStyle: const TextStyle(
fontWeight: FontWeight.w700,
fontSize: 15,
),
),
),
outlinedButtonTheme: OutlinedButtonThemeData(
style: OutlinedButton.styleFrom(
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(18),
),
foregroundColor: AppColors.primary,
side: BorderSide(color: AppColors.primary.withValues(alpha: 0.4)),
padding: const EdgeInsets.symmetric(horizontal: 22, vertical: 15),
textStyle: const TextStyle(
fontWeight: FontWeight.w700,
fontSize: 15,
),
),
),
inputDecorationTheme: InputDecorationTheme(
filled: true,
fillColor: const Color(0xFFF7F8FA),
contentPadding:
const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(color: Colors.grey.shade200),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(color: Colors.grey.shade200),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide(color: AppColors.primary, width: 1.5),
),
),
scaffoldBackgroundColor: AppColors.background,
dividerTheme: DividerThemeData(
color: Colors.grey.shade200,
thickness: 1,
space: 1,
),
);