darkTheme top-level property
Implementation
ThemeData darkTheme = ThemeData(
brightness: Brightness.dark,
canvasColor: const Color(0xFF1F1F1F),
primaryColor: Colors.white54,
indicatorColor: Colors.white54,
primaryColorDark: Colors.white54,
scaffoldBackgroundColor: const Color(0xFF121212),
hintColor: Colors.white54,
appBarTheme: AppBarTheme(
backgroundColor: const Color(0xFF1F1F1F),
actionsIconTheme: const IconThemeData(color: Colors.white),
titleTextStyle: GoogleFonts.workSans(
fontSize: 18, fontStyle: FontStyle.normal, color: Colors.white),
),
cardColor: const Color(0xFF1E1E1E),
cardTheme: CardTheme(
color: const Color(0xFF1E1E1E),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12))),
textSelectionTheme: const TextSelectionThemeData(
cursorColor: AppColors.red, // selectionColor: Colors.green,
selectionHandleColor: AppColors.red,
),
listTileTheme: const ListTileThemeData(
iconColor: Colors.white,
tileColor: Color(0xFF1E1E1E),
style: ListTileStyle.list),
radioTheme:
RadioThemeData(fillColor: MaterialStateProperty.all(Colors.white54)),
iconTheme: const IconThemeData(color: Colors.white54),
inputDecorationTheme: const InputDecorationTheme(
hintStyle: TextStyle(color: Colors.white54),
suffixIconColor: Colors.white54,
focusColor: Colors.white54,
contentPadding: EdgeInsets.symmetric(vertical: 9.0, horizontal: 9.0),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(width: 1, color: AppColors.red)),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(width: 1, color: Color(0xFF969696)),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(width: 1, color: Color(0xFF5B5B5B))),
border: OutlineInputBorder(
borderSide: BorderSide(width: 1, color: Color(0xFF969696))),
fillColor: Color(0xFF2D2D2D),
filled: true,
),
outlinedButtonTheme: OutlinedButtonThemeData(
style:
ButtonStyle(iconColor: MaterialStateProperty.all(Colors.white54))),
textTheme: TextTheme(
titleMedium: GoogleFonts.workSans(
fontSize: isiPad ? 25 : 20,
fontWeight: FontWeight.w400,
color: Colors.white),
titleSmall: GoogleFonts.workSans(
fontSize: isiPad ? 22 : 16,
fontWeight: FontWeight.w400,
color: Colors.white),
bodySmall: GoogleFonts.workSans(
fontSize: 12, fontWeight: FontWeight.w400, color: Colors.white),
bodyMedium: GoogleFonts.workSans(
fontSize: isiPad ? 20 : 17,
fontStyle: FontStyle.normal,
color: Colors.white),
labelSmall: GoogleFonts.workSans(
fontSize:isiPad ? 20 : 13 ,
fontWeight: FontWeight.w500,
color: Colors.white
), labelMedium: GoogleFonts.workSans(
fontSize:isiPad ? 23 : 15 ,
fontWeight: FontWeight.w500,
color: Colors.white
),
),
dialogBackgroundColor: const Color(0xFF363636),
bottomSheetTheme:
const BottomSheetThemeData(backgroundColor: Color(0xFF1E1E1E)),
expansionTileTheme: const ExpansionTileThemeData(
backgroundColor: Color(0xFF363636),
iconColor: Colors.white54,
collapsedIconColor: Colors.white54,
collapsedBackgroundColor: Color(0xFF1E1E1E)),
checkboxTheme: CheckboxThemeData(
fillColor: MaterialStateProperty.all(Colors.white54),
),
progressIndicatorTheme:
ProgressIndicatorThemeData(refreshBackgroundColor: Colors.white54)
// splashColor: AppColors.red,
);