Theme

lib/features/auth/screens/login_screen.dart

@@ -108,10 +108,10 @@ class LoginScreenState extends State<LoginScreen>
                       width: 150,
                       height: 150,
                       errorBuilder: (context, error, stackTrace) {
-                        return const Icon(
+                        return Icon(
                           Icons.account_balance,
                           size: 100,
-                          color: Colors.blue,
+                          color: Theme.of(context).primaryColor,
                         );
                       },
                     ),
@@ -123,7 +123,7 @@ class LoginScreenState extends State<LoginScreen>
                     style: TextStyle(
                       fontSize: 32,
                       fontWeight: FontWeight.bold,
-                      color: Colors.blue,
+                      color: Theme.of(context).primaryColor,
                     ),
                   ),
                   const SizedBox(height: 48),
@@ -136,7 +136,7 @@ class LoginScreenState extends State<LoginScreen>
                       border: OutlineInputBorder(),
                       isDense: true,
                       filled: true,
-                      fillColor: Colors.white,
+                      fillColor: Theme.of(context).scaffoldBackgroundColor,
                       enabledBorder: OutlineInputBorder(
                         borderSide: BorderSide(color: Colors.black),
                       ),
@@ -166,7 +166,7 @@ class LoginScreenState extends State<LoginScreen>
                       border: const OutlineInputBorder(),
                       isDense: true,
                       filled: true,
-                      fillColor: Colors.white,
+                      fillColor: Theme.of(context).scaffoldBackgroundColor,
                       enabledBorder: const OutlineInputBorder(
                         borderSide: BorderSide(color: Colors.black),
                       ),
@@ -202,8 +202,8 @@ class LoginScreenState extends State<LoginScreen>
                       style: ElevatedButton.styleFrom(
                         shape: const StadiumBorder(),
                         padding: const EdgeInsets.symmetric(vertical: 16),
-                        backgroundColor: Colors.white,
-                        foregroundColor: Colors.blueAccent,
+                        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+                        foregroundColor: Theme.of(context).primaryColorDark,
                         side: const BorderSide(color: Colors.black, width: 1),
                         elevation: 0,
                       ),
@@ -242,7 +242,7 @@ class LoginScreenState extends State<LoginScreen>
                       style: OutlinedButton.styleFrom(
                         shape: const StadiumBorder(),
                         padding: const EdgeInsets.symmetric(vertical: 16),
-                        backgroundColor: Colors.lightBlue[100],
+                        backgroundColor: Theme.of(context).primaryColorLight,
                         foregroundColor: Colors.black,
                       ),
                       child: Text(AppLocalizations.of(context).register),

lib/features/auth/screens/mpin_screen.dart

@@ -197,7 +197,7 @@ class _MPinScreenState extends State<MPinScreen> {
                           key == '<' ? '⌫' : key,
                           style: TextStyle(
                             fontSize: 20,
-                            color: key == 'Enter' ? Colors.blue : Colors.black,
+                            color: key == 'Enter' ? Theme.of(context).primaryColor : Colors.black,
                           ),
                         ),
                 ),

lib/features/auth/screens/welcome_screen.dart

@@ -43,10 +43,10 @@ class _WelcomeScreenState extends State<WelcomeScreen> {
               children: [
                 Text(
                   AppLocalizations.of(context).kconnect,
-                  style: const TextStyle(
+                  style: TextStyle(
                     fontSize: 36,
                     fontWeight: FontWeight.bold,
-                    color: Colors.white,
+                    color: Theme.of(context).dialogBackgroundColor,
                     letterSpacing: 1.5,
                   ),
                 ),
@@ -54,9 +54,9 @@ class _WelcomeScreenState extends State<WelcomeScreen> {
                 Text(
                   AppLocalizations.of(context).kccBankFull,
                   textAlign: TextAlign.center,
-                  style: const TextStyle(
+                  style: TextStyle(
                     fontSize: 18,
-                    color: Colors.white,
+                    color: Theme.of(context).dialogBackgroundColor,
                     letterSpacing: 1.2,
                   ),
                 ),
@@ -65,12 +65,12 @@ class _WelcomeScreenState extends State<WelcomeScreen> {
           ),
 
           /// 🔹 Loading Spinner at Bottom
-          const Positioned(
+          Positioned(
             bottom: 40,
             left: 0,
             right: 0,
             child: Center(
-              child: CircularProgressIndicator(color: Colors.white),
+              child: CircularProgressIndicator(color: Theme.of(context).scaffoldBackgroundColor),
             ),
           ),
         ],