lightTheme property
-------------------------- Light Theme -------------------------------------------- ///
Implementation
static ThemeData lightTheme = ThemeData(
brightness: Brightness.light,
/// Primary Color
primaryColor: const Color(0xff08448D),
/// Scaffold and Background color
scaffoldBackgroundColor: const Color(0xffF5F5F5),
canvasColor: Colors.transparent,
/// AppBar Theme
appBarTheme: const AppBarTheme(
backgroundColor: Color(0xffF5F5F5),
iconTheme: IconThemeData(color: Color(0xff495057)),
actionsIconTheme: IconThemeData(color: Color(0xff495057))),
/// Card Theme
cardTheme: const CardTheme(color: Color(0xffffffff)),
cardColor: const Color(0xffffffff),
/// Colorscheme
colorScheme: ColorScheme.fromSeed(
primary: const Color(0xff08448D),
secondary: const Color(0xff08448D).withOpacity(0.07),
seedColor: const Color(0xff2e87a6),
brightness: Brightness.light,
),
snackBarTheme: const SnackBarThemeData(actionTextColor: Colors.white),
/// Floating Action Theme
floatingActionButtonTheme: FloatingActionButtonThemeData(
backgroundColor: const Color(0xff08448D),
splashColor: const Color(0xffeeeeee).withAlpha(100),
highlightElevation: 8,
elevation: 4,
focusColor: const Color(0xff08448D),
hoverColor: const Color(0xff08448D),
foregroundColor: const Color(0xffeeeeee),
),
/// Divider Theme
dividerTheme:
const DividerThemeData(color: Color(0xffdddddd), thickness: 1),
dividerColor: const Color(0xffdddddd),
/// Bottom AppBar Theme
bottomAppBarTheme:
const BottomAppBarTheme(color: Color(0xffeeeeee), 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),
),
),
inputDecorationTheme: const InputDecorationTheme(),
/// Slider Theme
sliderTheme: SliderThemeData(
activeTrackColor: const Color(0xff08448D),
inactiveTrackColor: const Color(0xff08448D).withAlpha(140),
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: Color(0xffeeeeee),
),
),
checkboxTheme: CheckboxThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(2),
),
checkColor: MaterialStateProperty.all(const Color(0xffffffff)),
fillColor: MaterialStateProperty.all(const Color(0xff08448D)),
),
switchTheme: SwitchThemeData(
thumbColor: MaterialStateProperty.resolveWith((states) =>
states.contains(MaterialState.selected)
? const Color(0xff08448D)
: Colors.white)),
/// Other Colors
splashColor: Colors.white.withAlpha(100),
indicatorColor: const Color(0xffeeeeee),
highlightColor: const Color(0xffeeeeee),
);