feat: login page

lib/common/theme/app_color.dart

@@ -2,7 +2,7 @@ part of 'theme.dart';
 
 class AppColor {
   // Primary Colors (Merah)
-  static const Color primary = Color(0xFFD90000); // #d90000
+  static const Color primary = Color.fromARGB(255, 196, 2, 2); // #d90000
   static const Color primaryLight = Color(0xFFFF4D4D); // merah terang
   static const Color primaryDark = Color(0xFF990000); // merah gelap
 

lib/common/theme/theme.dart

@@ -6,12 +6,27 @@ part 'app_color.dart';
 part 'app_style.dart';
 part 'app_value.dart';
 
+UnderlineInputBorder _inputBorder = UnderlineInputBorder(
+  borderSide: BorderSide(color: AppColor.borderDark, width: 1),
+);
+
 class ThemeApp {
   static ThemeData get theme => ThemeData(
     useMaterial3: true,
     fontFamily: FontFamily.quicksand,
     primaryColor: AppColor.primary,
     scaffoldBackgroundColor: AppColor.white,
+    appBarTheme: AppBarTheme(
+      backgroundColor: AppColor.white,
+      foregroundColor: AppColor.textPrimary,
+      elevation: 0,
+      titleTextStyle: AppStyle.xl.copyWith(
+        color: AppColor.primary,
+        fontWeight: FontWeight.w600,
+      ),
+      centerTitle: true,
+      iconTheme: IconThemeData(color: AppColor.primary),
+    ),
     elevatedButtonTheme: ElevatedButtonThemeData(
       style: ElevatedButton.styleFrom(
         backgroundColor: AppColor.primary,
@@ -20,5 +35,23 @@ class ThemeApp {
         shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
       ),
     ),
+    inputDecorationTheme: InputDecorationTheme(
+      border: _inputBorder,
+      focusedBorder: _inputBorder.copyWith(
+        borderSide: BorderSide(color: AppColor.primary, width: 2),
+      ),
+      enabledBorder: _inputBorder,
+      disabledBorder: _inputBorder.copyWith(
+        borderSide: BorderSide(color: AppColor.border),
+      ),
+      errorBorder: _inputBorder.copyWith(
+        borderSide: BorderSide(color: AppColor.error),
+      ),
+      hintStyle: AppStyle.md.copyWith(
+        color: AppColor.textLight,
+        fontWeight: FontWeight.w500,
+      ),
+      contentPadding: const EdgeInsets.symmetric(vertical: 12),
+    ),
   );
 }