lightTheme property

ThemeData lightTheme

Implementation

static final lightTheme = ThemeData(
  appBarTheme: AppBarTheme(
    backgroundColor: AppColor().white,
    titleTextStyle: TextStyle(
      fontSize: SizeUnit.size16,
      fontWeight: FontWeight.w700,
      color: AppColor().bodyHeadlineText,
    ),
    iconTheme: IconThemeData(
      color: AppColor().black,
    ),
    titleSpacing: defaultPadding,
  ),
  fontFamily: 'Manrope',
  scaffoldBackgroundColor: AppColor().white,
  cardColor: AppColor().white,
  primaryColor: primaryColorLight,
  primaryColorDark: AppColor().blue700,
  dialogBackgroundColor: AppColor().white,
  disabledColor: const Color(0xFFD4D4D8),
  tabBarTheme: TabBarTheme(
    indicatorColor: AppColor().white,
  ),
  bottomSheetTheme: BottomSheetThemeData(
    backgroundColor: AppColor().white,
    surfaceTintColor: AppColor().backgroundLight,
    modalBackgroundColor: AppColor().backgroundLight,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(16.0),
        topRight: Radius.circular(16.0),
      ),
    ),
  ),
  colorScheme: ColorScheme.fromSeed(
    seedColor: AppColor().blue,
    brightness: Brightness.light,
    error: AppColor().red,
    background: AppColor().white,
  ),
  textTheme: GoogleFonts.manropeTextTheme(TextTheme(
    headlineLarge: TextStyle(
      fontSize: SizeUnit.size32,
      fontWeight: FontWeight.w900,
      color: AppColor().bodyHeadlineText,
    ),
    headlineMedium: TextStyle(
      fontSize: SizeUnit.size24,
      fontWeight: FontWeight.w700,
      color: AppColor().bodyHeadlineText,
    ),
    headlineSmall: TextStyle(
      fontSize: SizeUnit.size16,
      fontWeight: FontWeight.w800,
      color: AppColor().bodyHeadlineText,
      height: 1.75, // 28px line height equivalent
    ),
    bodySmall: TextStyle(
      fontSize: SizeUnit.size12,
      color: AppColor().bodyText,
      height: 1.70, // 20px line height equivalent
    ),
    bodyMedium: TextStyle(
      fontSize: SizeUnit.size14,
      color: AppColor().bodyText,
      height: 1.70, // 20px line height equivalent
    ),
    bodyLarge: TextStyle(
      fontSize: SizeUnit.size16,
      color: AppColor().bodyText,
      height: 1.60, // 20px line height equivalent
    ),
  )),
  textButtonTheme: TextButtonThemeData(
    style: ButtonStyle(
      padding: MaterialStateProperty.all(
          const EdgeInsets.symmetric(vertical: 12.0, horizontal: 16.0)),
    ),
  ),
  outlinedButtonTheme: OutlinedButtonThemeData(
    style: OutlinedButton.styleFrom(
      side: BorderSide(color: AppColor().borderColor, width: 1),
      padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 16.0),
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(8.0)),
      ),
    ),
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(8.0)),
      ),
      disabledBackgroundColor: AppColor().disabledBackgroundColor,
    ),
  ),
  inputDecorationTheme: InputDecorationTheme(
    border: kDefaultOutlineInputBorder,
    enabledBorder: kDefaultOutlineInputBorder,
    contentPadding: kTextFieldPadding,
    focusedBorder: kDefaultOutlineInputBorder.copyWith(
      borderSide: BorderSide(color: primaryColorLight, width: 1.0),
    ),
    errorBorder: kDefaultOutlineInputBorder.copyWith(
      borderSide: BorderSide(color: AppColor().error, width: 1.0),
    ),
    errorStyle: TextStyle(
      fontSize: SizeUnit.size12,
      color: AppColor().error,
      height: 1.70,
      fontWeight: FontWeight.bold,
    ),
  ),
  dividerTheme: DividerThemeData(
    color: AppColor().dividerColor,
  ),
);