Theme Mode #2

lib/app.dart

@@ -125,13 +125,14 @@ class _KMobileState extends State<KMobile> {
                  GlobalCupertinoLocalizations.delegate,
                ],
                title: 'kMobile',
-            theme: themeState.getThemeData(),
+               theme: themeState.getLightThemeData(),
-            darkTheme: themeState.getThemeData(), // reuse same color in dark
+               darkTheme: themeState.getDarkThemeData(),
-            themeMode: context.watch<ThemeModeCubit>().state.mode, // <<-- coming from ThemeModeCubit
+               themeMode: context.watch<ThemeModeCubit>().state.mode,
                onGenerateRoute: AppRoutes.generateRoute,
                initialRoute: AppRoutes.splash,
                home: showSplash ? const SplashScreen() : const AuthGate(),
              );
+
             },
           );
         },
@@ -367,8 +368,7 @@ class _NavigationScaffoldState extends State<NavigationScaffold> {
         bottomNavigationBar: BottomNavigationBar(
           currentIndex: _selectedIndex,
           type: BottomNavigationBarType.fixed,
-          backgroundColor: Theme.of(context)
+          backgroundColor: Theme.of(context).scaffoldBackgroundColor,
-              .scaffoldBackgroundColor,
           selectedItemColor: Theme.of(context).primaryColor,
           unselectedItemColor: Colors.black54,
           onTap: (index) {

lib/config/themes.dart

@@ -1,4 +1,4 @@
-import 'package:flutter/material.dart';
+/*import 'package:flutter/material.dart';
 import 'theme_type.dart';
 import 'package:google_fonts/google_fonts.dart';
 
@@ -36,4 +36,54 @@ class AppThemes {
       ),
     );
   }
+}*/
+
+
+import 'package:flutter/material.dart';import 'theme_type.dart';
+import 'package:google_fonts/google_fonts.dart';
+class AppThemes {  
+  static ThemeData getLightTheme(ThemeType type) {    
+    final Color seedColor = _getSeedColor(type);    
+    final colorScheme = ColorScheme.fromSeed(      
+      seedColor: seedColor,
+      brightness: Brightness.light,
+    );
+    return ThemeData.from(
+      colorScheme: colorScheme,
+      useMaterial3: true,
+      textTheme: GoogleFonts.rubikTextTheme(),
+    ).copyWith(
+      scaffoldBackgroundColor: Colors.white,
+      bottomNavigationBarTheme: BottomNavigationBarThemeData(
+        backgroundColor: colorScheme.surface,
+      ),
+    );
+  }
+  static ThemeData getDarkTheme(ThemeType type) {
+    final Color seedColor = _getSeedColor(type);
+    final colorScheme = ColorScheme.fromSeed(
+      seedColor: seedColor,
+      brightness: Brightness.dark, // Use dark brightness
+    );
+    return ThemeData.from(
+      colorScheme: colorScheme,
+      useMaterial3: true,
+      textTheme: GoogleFonts.rubikTextTheme(
+        ThemeData(brightness: Brightness.dark).textTheme,
+      ),
+    );
+  }
+  static Color _getSeedColor(ThemeType type) {
+    switch (type) {
+      case ThemeType.green:
+        return Colors.green;
+      case ThemeType.orange:
+        return Colors.orange;
+      case ThemeType.blue:
+        return Colors.blue;
+      case ThemeType.violet:
+      default:
+        return Colors.deepPurple;
+    }
+  }
 }

lib/features/auth/controllers/theme_mode_cubit.dart

@@ -3,7 +3,6 @@ import 'package:flutter/material.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'theme_mode_state.dart';
 
-
 class ThemeModeCubit extends Cubit<ThemeModeState> {
   ThemeModeCubit() : super(const ThemeModeState(mode: ThemeMode.system)) {
     loadThemeMode();

lib/features/auth/controllers/theme_state.dart

@@ -1,4 +1,4 @@
-import 'package:equatable/equatable.dart';
+/*import 'package:equatable/equatable.dart';
 import 'package:flutter/material.dart';
 import 'package:kmobile/config/theme_type.dart';
 import 'package:kmobile/config/themes.dart';
@@ -14,4 +14,28 @@ class ThemeState extends Equatable {
 
   @override
   List<Object?> get props => [themeType];
-}
+}*/
+
+
+import 'package:equatable/equatable.dart';
+import 'package:flutter/material.dart';
+import 'package:kmobile/config/theme_type.dart';
+import 'package:kmobile/config/themes.dart';
+class ThemeState extends Equatable {
+  final ThemeType themeType;
+  const ThemeState({required this.themeType});
+
+    ThemeData getLightThemeData() {
+      return AppThemes.getLightTheme(themeType);
+    }
+
+    ThemeData getDarkThemeData() {
+      return AppThemes.getDarkTheme(themeType);
+    }
+
+    @override
+    List<Object?> get props => [themeType];
+  }
+
+
+

lib/features/card/screens/block_card_screen.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 import '../../../l10n/app_localizations.dart';
 
-
 class BlockCardScreen extends StatefulWidget {
   const BlockCardScreen({super.key});
 

lib/features/card/screens/card_management_screen.dart

@@ -78,7 +78,6 @@ class _CardManagementScreen extends State<CardManagementScreen> {
   }
 }
 
-
 class CardManagementTile extends StatelessWidget {
   final IconData icon;
   final String label;

lib/features/fund_transfer/screens/fund_transfer_amount_screen.dart

@@ -17,6 +17,7 @@ import 'package:kmobile/features/fund_transfer/screens/transaction_pin_screen.da
 import '../../../l10n/app_localizations.dart';
 import 'package:kmobile/api/services/payment_service.dart';
 import 'package:kmobile/data/models/transfer.dart';
+
 enum TransactionMode { neft, rtgs, imps }
 
 class FundTransferAmountScreen extends StatefulWidget {
@@ -370,10 +371,8 @@ class  _FundTransferAmountScreenState extends State<FundTransferAmountScreen> {
                     color: Theme.of(context).colorScheme.onSurface,
                     borderColor: Colors.transparent,
                     selectedBorderColor: Colors.transparent,
-                    splashColor:
+                    splashColor: Theme.of(context).primaryColor,
-                        Theme.of(context).primaryColor,
+                    highlightColor: Theme.of(context).primaryColor,
-                    highlightColor:
-                        Theme.of(context).primaryColor,
                     children: [
                       Padding(
                         padding: const EdgeInsets.symmetric(

lib/features/profile/preferences/preference_screen.dart

@@ -29,8 +29,7 @@ class PreferenceScreen extends StatelessWidget {
                 onTap: () {
                   showDialog(
                     context: context,
-                    builder: (_) =>
+                    builder: (_) => const LanguageDialog(),
-                        const LanguageDialog(), 
                   );
                 },
               ),
@@ -51,8 +50,7 @@ class PreferenceScreen extends StatelessWidget {
                       context: context,
                       builder: (_) => const ColorThemeDialog(),
                     );
-                  }
+                  }),
-                  ),
             ],
           );
         },