myDarkTheme top-level property
Implementation
ThemeData myDarkTheme = myLightTheme.copyWith(
disabledColor: Colors.grey[300],
brightness: Brightness.dark,
primaryColor: MyColorsTheme.primary,
dividerColor: Colors.white10,
scaffoldBackgroundColor: MyColorsTheme.darkBackground,
dialogBackgroundColor: MyColorsTheme.darkBackground,
cardColor: MyColorsTheme.darkSurface,
colorScheme: _darkColorScheme,
// --- Typography ---
textTheme: myLightTheme.textTheme.apply(
bodyColor: MyColorsTheme.darkTextPrimary,
displayColor: MyColorsTheme.darkTextPrimary,
),
// --- AppBar ---
appBarTheme: myLightTheme.appBarTheme.copyWith(
backgroundColor: MyColorsTheme.darkBackground,
titleTextStyle: const TextStyle(
color: Colors.white,
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
// --- Cards ---
cardTheme: myLightTheme.cardTheme.copyWith(
color: MyColorsTheme.darkSurface,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
side: BorderSide.none,
),
),
// --- Inputs ---
inputDecorationTheme: myLightTheme.inputDecorationTheme.copyWith(
fillColor: _darkColorScheme.surface,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: MyColorsTheme.darkTextSecondary,
),
),
hintStyle: myLightTheme.inputDecorationTheme.hintStyle!.copyWith(
color: MyColorsTheme.darkTextSecondary,
),
labelStyle: myLightTheme.inputDecorationTheme.labelStyle!.copyWith(
color: MyColorsTheme.darkTextPrimary,
),
),
// --- Bottom Navigation ---
bottomNavigationBarTheme: myLightTheme.bottomNavigationBarTheme.copyWith(
backgroundColor: _darkColorScheme.surface,
unselectedItemColor: Colors.white38,
),
// --- Bottom Sheet ---
bottomSheetTheme: const BottomSheetThemeData(
backgroundColor: MyColorsTheme.darkBackground,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
),
// --- Chips ---
chipTheme: myLightTheme.chipTheme.copyWith(
backgroundColor: Colors.white10,
labelStyle: const TextStyle(color: Colors.white70),
),
);