color and theme

lib/common/theme/app_color.dart

@@ -1,5 +1,46 @@
 part of 'theme.dart';
 
 class AppColor {
-  // TODO: define color
+  /// primary = #3949AB
+  static const Color primary = Color(0xff36175e);
+
+  /// grey = #B7B7B7
+  static const Color grey = Color(0xffB7B7B7);
+
+  /// light = #F8F5FF
+  static const Color light = Color(0xffF8F5FF);
+
+  /// blueLight = #C7D0EB
+  static const Color blueLight = Color(0xffC7D0EB);
+
+  /// black = #000000
+  static const Color black = Color(0xff000000);
+
+  /// white = #FFFFFF
+  static const Color white = Color(0xffFFFFFF);
+  static const Color whiteText = Color(0xfff1eaf9);
+
+  /// green = #50C474
+  static const Color green = Color(0xff50C474);
+
+  /// red = #F4261A
+  static const Color red = Color(0xffF4261A);
+
+  /// card = #E5E5E5
+  static const Color card = Color(0xffE5E5E5);
+
+  /// disabled = #C8D1E1
+  static const Color disabled = Color(0xffC8D1E1);
+
+  /// subtitle = #7890CD
+  static const Color subtitle = Color(0xff7890CD);
+
+  /// stroke = #EFF0F6
+  static const Color stroke = Color(0xffEFF0F6);
+
+  static const Color background = Color.fromARGB(255, 241, 241, 241);
+
+  static const Color primaryLight = Color(0xFF5A3E8A);
+  static const Color greyLight = Color(0xFFE0E0E0);
+  static const Color greyDark = Color(0xFF707070);
 }

lib/common/theme/theme.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 
+import '../../presentation/components/assets/fonts.gen.dart';
+
 part 'app_color.dart';
 part 'app_style.dart';
 part 'app_value.dart';
@@ -7,5 +9,35 @@ part 'app_value.dart';
 class ThemeApp {
   static ThemeData get theme => ThemeData(
     useMaterial3: true,
+    primaryColor: AppColor.primary,
+    scaffoldBackgroundColor: AppColor.white,
+    appBarTheme: AppBarTheme(
+      color: AppColor.white,
+      elevation: 0,
+      titleTextStyle: TextStyle(
+        color: AppColor.primary,
+        fontSize: 16.0,
+        fontWeight: FontWeight.w500,
+      ),
+      iconTheme: const IconThemeData(color: AppColor.primary),
+    ),
+    fontFamily: FontFamily.quicksand,
+    colorScheme: ColorScheme.fromSeed(seedColor: AppColor.primary),
+    inputDecorationTheme: InputDecorationTheme(
+      contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
+      hintStyle: const TextStyle(color: AppColor.grey),
+      border: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8.0),
+        borderSide: BorderSide(color: AppColor.primary),
+      ),
+      focusedBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8.0),
+        borderSide: BorderSide(color: AppColor.primary),
+      ),
+      enabledBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8.0),
+        borderSide: BorderSide(color: AppColor.primary),
+      ),
+    ),
   );
 }