feat: login page ui done

lib/core/theme/app_colors.dart

@@ -50,7 +50,9 @@ abstract class AppColors {
   static const Color cFFAB40 = Color(0xFFFFAB40);
   static const Color cD6D4D4 = Color(0xFFD6D4D4);
   static const Color c1A202C = Color(0xFF1A202C);
-  static const Color c524242 = Color(0xFF524242 );
-
+  static const Color c524242 = Color(0xFF524242);
+  static const Color cE2E4EA = Color(0xFFE2E4EA);
+  static const Color cA7AEC1 = Color(0xFFA7AEC1);
+  static const Color c151B33 = Color(0xFF151B33);
 
 }

lib/core/theme/app_icons.dart

@@ -4,15 +4,20 @@ abstract class AppIcons {
   static const String icOnBoarding1 = "$baseUrl/ic_onboarding1.svg";
   static const String icOnBoarding2 = "$baseUrl/ic_onboarding2.svg";
   static const String icOnBoarding3 = "$baseUrl/ic_onboarding3.svg";
+  static const String icLogin = "$baseUrl/ic_login.svg";
+  static const String icVisibility = "$baseUrl/ic_visibility.svg";
+  static const String icVisibilityOff = "$baseUrl/ic_visibility_off.svg";
+
 }
 
 abstract class AppLightSvgs {
   static const String baseUrl = "assets/icons/light";
-
   static const String icSplash = "$baseUrl/ic_splash.svg";
+  static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
 }
 
 abstract class AppDarkSvgs {
   static const String baseUrl = "assets/icons/dark";
   static const String icSplash = "$baseUrl/ic_splash.svg";
+  static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
 }

lib/core/theme/app_theme_colors.dart

@@ -4,35 +4,57 @@ import 'package:food_delivery_client/food_delivery_client.dart';
 class AppThemeColors extends ThemeExtension<AppThemeColors> {
   final Color onBoardingColor;
   final Color boxShadow;
+  final Color iconColor;
+  final Color buttonInactiveColor;
+  final Color borderColor;
 
-  AppThemeColors({required this.onBoardingColor, required this.boxShadow});
+
+  AppThemeColors({
+    required this.onBoardingColor,
+    required this.boxShadow,
+    required this.iconColor,
+    required this.buttonInactiveColor,
+    required this.borderColor
+  });
 
   static AppThemeColors light = AppThemeColors(
-    onBoardingColor: AppColors.cFFFFFF,
-    boxShadow: AppColors.cD6D4D4,
+      onBoardingColor: AppColors.cFFFFFF,
+      boxShadow: AppColors.cD6D4D4,
+      buttonInactiveColor: AppColors.cE2E4EA,
+      iconColor: AppColors.cFFFFFF,
+      borderColor:AppColors.cE2E4EA
+
   );
 
   static AppThemeColors dark = AppThemeColors(
-    onBoardingColor: AppColors.c131720,
-    boxShadow: AppColors.c524242,
+      onBoardingColor: AppColors.c131720,
+      boxShadow: AppColors.c524242,
+      buttonInactiveColor: AppColors.c292F3D,
+      iconColor: AppColors.c131720,
+      borderColor: AppColors.c292F3D
   );
 
   @override
   ThemeExtension<AppThemeColors> copyWith({
     Color? onBoardingColor,
     Color? boxShadow,
+    Color? iconColor,
+    Color? buttonInactiveColor,
+    Color? borderColor
   }) {
     return AppThemeColors(
       onBoardingColor: onBoardingColor ?? this.onBoardingColor,
       boxShadow: boxShadow ?? this.boxShadow,
+      iconColor: iconColor ?? this.iconColor,
+      buttonInactiveColor: buttonInactiveColor ?? this.buttonInactiveColor,
+      borderColor: borderColor??this.borderColor
     );
   }
 
   @override
   ThemeExtension<AppThemeColors> lerp(
-    covariant ThemeExtension<AppThemeColors>? other,
-    double t,
-  ) {
+      covariant ThemeExtension<AppThemeColors>? other,
+      double t,) {
     if (other is! AppThemeColors) return this;
     return t < 0.5 ? this : other;
   }

lib/core/theme/app_theme_textstyles.dart

@@ -42,13 +42,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
   static AppThemeTextStyles light = AppThemeTextStyles(
     size14Regular: TextStyle(
       fontSize: 14,
+      height: 1.6,
       fontWeight: FontWeight.w400,
       fontFamily: _fontRegular,
+      color: AppColors.c151B33,
     ),
     size16Medium: TextStyle(
       fontSize: 16,
+      height: 1.3,
       fontWeight: FontWeight.w500,
       fontFamily: _fontMedium,
+      color: AppColors.c151B33,
     ),
     size16SemiBold: TextStyle(
       fontSize: 16,
@@ -70,8 +74,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
     ),
     size24Bold: TextStyle(
       fontSize: 24,
+      height: 1.3,
       fontWeight: FontWeight.w700,
       fontFamily: _fontBold,
+      color: AppColors.c151B33,
     ),
     size64Black: TextStyle(
       fontSize: 64,
@@ -84,13 +90,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
   static AppThemeTextStyles dark = AppThemeTextStyles(
     size14Regular: TextStyle(
       fontSize: 14,
+      height: 1.6,
       fontWeight: FontWeight.w400,
       fontFamily: _fontRegular,
+      color: AppColors.cFFFFFF,
     ),
     size16Medium: TextStyle(
       fontSize: 16,
+      height: 1.3,
       fontWeight: FontWeight.w500,
       fontFamily: _fontMedium,
+      color: AppColors.cFFFFFF,
     ),
     size16SemiBold: TextStyle(
       fontSize: 16,
@@ -112,8 +122,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
     ),
     size24Bold: TextStyle(
       fontSize: 24,
+      height: 1.3,
       fontWeight: FontWeight.w700,
       fontFamily: _fontBold,
+      color: AppColors.cFFFFFF,
     ),
     size64Black: TextStyle(
       fontSize: 64,

lib/core/theme/theme_icons.dart

@@ -3,16 +3,29 @@ import 'package:food_delivery_client/core/core.dart';
 
 class AppThemeIcons extends ThemeExtension<AppThemeIcons> {
   final String icSplash;
+  final String icArrowLeft;
 
-  AppThemeIcons({required this.icSplash});
+  AppThemeIcons({required this.icSplash, required this.icArrowLeft});
 
-  static AppThemeIcons light = AppThemeIcons(icSplash: AppLightSvgs.icSplash);
+  static AppThemeIcons light = AppThemeIcons(
+    icSplash: AppLightSvgs.icSplash,
+    icArrowLeft: AppLightSvgs.icArrowLeft,
+  );
 
-  static AppThemeIcons dark = AppThemeIcons(icSplash: AppDarkSvgs.icSplash);
+  static AppThemeIcons dark = AppThemeIcons(
+    icSplash: AppDarkSvgs.icSplash,
+    icArrowLeft: AppDarkSvgs.icArrowLeft,
+  );
 
   @override
-  ThemeExtension<AppThemeIcons> copyWith({String? icSplash}) {
-    return AppThemeIcons(icSplash: icSplash ?? this.icSplash);
+  ThemeExtension<AppThemeIcons> copyWith({
+    String? icSplash,
+    String? icArrowLeft,
+  }) {
+    return AppThemeIcons(
+      icSplash: icSplash ?? this.icSplash,
+      icArrowLeft: icArrowLeft ?? this.icArrowLeft,
+    );
   }
 
   @override