darkTheme property
-------------------------- Dark Theme -------------------------------------------- ///
Implementation
static ThemeData darkTheme = ThemeData.dark().copyWith(
/// Brightness
/// Scaffold and Background color
scaffoldBackgroundColor: const Color(0xff262729),
canvasColor: Colors.transparent,
primaryColor: const Color(0xff08448D),
/// AppBar Theme
appBarTheme: const AppBarTheme(backgroundColor: Color(0xff262729)),
/// Card Theme
cardTheme: const CardTheme(color: Color(0xff1b1b1c)),
cardColor: const Color(0xff1b1b1c),
/// Colorscheme
colorScheme: ColorScheme.fromSeed(
primary: const Color(0xff08448D),
secondary: const Color(0xff08448D).withOpacity(0.07),
seedColor: const Color(0xff2e87a6),
brightness: Brightness.light,
),
/// Input (Text-Field) Theme
inputDecorationTheme: const InputDecorationTheme(),
/// Divider Color
dividerTheme:
const DividerThemeData(color: Color(0xff393A41), thickness: 1),
dividerColor: const Color(0xff393A41),
/// Floating Action Theme
floatingActionButtonTheme: FloatingActionButtonThemeData(
backgroundColor: const Color(0xff08448D),
splashColor: Colors.white.withAlpha(100),
highlightElevation: 8,
elevation: 4,
focusColor: const Color(0xff08448D),
hoverColor: const Color(0xff08448D),
foregroundColor: Colors.white),
/// Bottom AppBar Theme
bottomAppBarTheme:
const BottomAppBarTheme(color: Color(0xff464c52), elevation: 2),
/// Tab bar Theme
tabBarTheme: const TabBarTheme(
unselectedLabelColor: Color(0xff495057),
labelColor: Color(0xff08448D),
indicatorSize: TabBarIndicatorSize.label,
indicator: UnderlineTabIndicator(
borderSide: BorderSide(color: Color(0xff08448D), width: 2.0),
),
),
/// Slider Theme
sliderTheme: SliderThemeData(
activeTrackColor: const Color(0xff08448D),
inactiveTrackColor: const Color(0xff08448D).withAlpha(100),
trackShape: const RoundedRectSliderTrackShape(),
trackHeight: 4.0,
thumbColor: const Color(0xff08448D),
thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 10.0),
overlayShape: const RoundSliderOverlayShape(overlayRadius: 24.0),
tickMarkShape: const RoundSliderTickMarkShape(),
inactiveTickMarkColor: Colors.red[100],
valueIndicatorShape: const PaddleSliderValueIndicatorShape(),
valueIndicatorTextStyle: const TextStyle(
color: Colors.white,
),
),
///Other Color
indicatorColor: Colors.white,
disabledColor: const Color(0xffa3a3a3),
highlightColor: const Color(0xff47484b),
splashColor: Colors.white.withAlpha(100),
);