first commit

lib/app/themes/app_colors.dart

@@ -0,0 +1,30 @@
+import 'dart:ui';
+
+const Color mainColor = Color.fromARGB(255, 37, 88, 241);
+const Color secondaryColor = Color(0xFFB72025);
+const Color dangerColor = Color(0xFFFF4B68);
+const Color warningColor = Color(0xFFFBFFA3);
+const Color lightColor = Color(0xFFF4FAFE);
+const Color lightGreyColor = Color(0xFFFCFCFC);
+const Color stockColor = Color(0xFFEEF3F6);
+
+const Color backgroundColor = Color(0xFFE5E5E5);
+const Color backgroundColor3 = Color(0xFFF6F7F8);
+
+const Color orangeColor = Color.fromARGB(255, 250, 145, 84);
+const Color blueColor = Color(0xFF026AA2);
+const Color greenColor = Color(0xFF2ABB52);
+const Color redColor = Color(0xFFED1717);
+const Color greyBlueColor = Color(0xFF363F72);
+
+const Color fontColor = Color(0xFF101828);
+const Color fontSecondaryColor = Color(0xFF667085);
+const Color fontParagraphColor = Color(0xFFB2B2B2);
+const Color fontGrey = Color(0xFF1C1C1C);
+
+const Color mainGrey = Color(0xFF8991A4);
+const Color secondaryGrey = Color(0xFFD0D5DD);
+const Color thirdGrey = Color(0xFFF2F4F7);
+const Color fourthGrey = Color(0xFF5C5C5C);
+const Color fifthGrey = Color(0xFFEBEBEB);
+const Color sixthGrey = Color(0xFF151515);

lib/app/themes/app_text.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+
+import 'app_colors.dart';
+
+const regularTextStyle = TextStyle(
+    fontFamily: 'Arial',
+    fontSize: 14,
+    fontWeight: FontWeight.w400,
+    color: fontColor);
+
+const italicTextStyle = TextStyle(
+  fontFamily: 'Arial',
+  fontSize: 14,
+  color: fontColor,
+  fontStyle: FontStyle.italic,
+);
+
+const mediumTextStyle = TextStyle(
+  fontFamily: 'Arial',
+  fontSize: 14,
+  fontWeight: FontWeight.w500,
+  color: fontColor,
+);
+
+const semiBoldTextStyle = TextStyle(
+  fontFamily: 'Arial',
+  fontSize: 14,
+  fontWeight: FontWeight.w600,
+  color: fontColor,
+);
+
+const boldTextStyle = TextStyle(
+  fontFamily: 'Arial',
+  fontSize: 14,
+  fontWeight: FontWeight.w700,
+  color: fontColor,
+);
+
+const extraBoldTextStyle = TextStyle(
+  fontFamily: 'Arial',
+  fontSize: 14,
+  fontWeight: FontWeight.w800,
+  color: fontColor,
+);

lib/app/themes/app_theme.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+
+import 'app_colors.dart';
+import 'app_text.dart';
+
+ThemeData appTheme = ThemeData(
+  useMaterial3: true,
+  primaryColor: mainColor,
+  scaffoldBackgroundColor: Colors.white,
+  canvasColor: Colors.white,
+  fontFamily: 'Poppins',
+  appBarTheme: AppBarTheme(
+    elevation: 0,
+    titleTextStyle: boldTextStyle.copyWith(fontSize: 16, color: fontGrey),
+    centerTitle: true,
+  ),
+  textTheme: TextTheme(
+    displayLarge: regularTextStyle.copyWith(fontSize: 32),
+    displayMedium: regularTextStyle.copyWith(fontSize: 20),
+    displaySmall: regularTextStyle.copyWith(fontSize: 18),
+  ),
+  elevatedButtonTheme: ElevatedButtonThemeData(
+    style: ElevatedButton.styleFrom(
+      backgroundColor: mainColor,
+      foregroundColor: Colors.white,
+      disabledBackgroundColor: mainColor.withOpacity(.3),
+      minimumSize: const Size(double.maxFinite, 58),
+      textStyle: boldTextStyle,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      shadowColor: Colors.transparent,
+      elevation: 0,
+    ),
+  ),
+  outlinedButtonTheme: OutlinedButtonThemeData(
+    style: OutlinedButton.styleFrom(
+      textStyle: boldTextStyle,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      side: const BorderSide(
+        color: mainColor,
+        width: 1,
+      ),
+      foregroundColor: mainColor,
+      // disabledForegroundColor: mainColor.withOpacity(.3),
+      minimumSize: const Size(double.maxFinite, 58),
+    ),
+  ),
+  textButtonTheme: TextButtonThemeData(
+    style: TextButton.styleFrom(
+      foregroundColor: mainColor,
+      disabledForegroundColor: mainColor.withOpacity(.3),
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      textStyle: semiBoldTextStyle,
+      shadowColor: Colors.transparent,
+    ),
+  ),
+  iconTheme: const IconThemeData(
+    color: mainColor,
+  ),
+  listTileTheme: ListTileThemeData(
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.circular(12),
+    ),
+  ),
+  checkboxTheme: CheckboxThemeData(
+    fillColor: MaterialStateProperty.all(mainColor),
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.circular(4),
+    ),
+    side: const BorderSide(
+      color: secondaryGrey,
+      width: 1,
+    ),
+  ),
+  radioTheme: RadioThemeData(
+    fillColor: MaterialStateProperty.all(mainColor),
+  ),
+  tabBarTheme: TabBarTheme(
+    labelColor: mainColor,
+    unselectedLabelColor: secondaryGrey,
+    labelStyle: boldTextStyle.copyWith(fontSize: 16),
+    unselectedLabelStyle: mediumTextStyle.copyWith(fontSize: 16),
+  ),
+  chipTheme: ChipThemeData(
+    backgroundColor: Colors.white,
+    disabledColor: Colors.white,
+    selectedColor: Colors.white,
+    secondarySelectedColor: Colors.white,
+    padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+    side: const BorderSide(color: fifthGrey),
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.circular(6),
+    ),
+    labelStyle: regularTextStyle.copyWith(fontSize: 12, color: fontGrey),
+    secondaryLabelStyle:
+        regularTextStyle.copyWith(fontSize: 12, color: secondaryColor),
+    deleteIconColor: fontGrey,
+    showCheckmark: false,
+  ),
+  popupMenuTheme: PopupMenuThemeData(
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.circular(12),
+      side: const BorderSide(
+        color: fifthGrey,
+        width: 1,
+      ),
+    ),
+  ),
+  colorScheme: const ColorScheme.light(
+    primary: mainColor,
+    secondary: secondaryColor,
+    onPrimary: Colors.white,
+    onSecondary: Colors.white,
+    error: dangerColor,
+    onError: dangerColor,
+    background: backgroundColor,
+  ).copyWith(background: Colors.white),
+);