Theme

lib/features/profile/preferences/color_theme_dialog.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:kmobile/config/theme_type.dart';
+import 'package:kmobile/features/auth/controllers/theme_cubit.dart';
+import 'package:kmobile/features/auth/controllers/theme_state.dart';
+
+
+void showColorThemeDialog(BuildContext context) {
+  showDialog(
+    context: context,
+    builder: (_) => AlertDialog(
+      title: const Text('Select Theme Color'),
+      content: BlocBuilder<ThemeCubit, ThemeState>(
+        builder: (context, state) {
+          return Column(
+            mainAxisSize: MainAxisSize.min,
+            children: ThemeType.values.map((type) {
+              return RadioListTile<ThemeType>(
+                value: type,
+                groupValue: state.themeType,
+                title: Text(type.name.toUpperCase()),
+                onChanged: (val) {
+                  if (val != null) {
+                    context.read<ThemeCubit>().changeTheme(val);
+                    Navigator.pop(context);
+                  }
+                },
+              );
+            }).toList(),
+          );
+        },
+      ),
+    ),
+  );
+}

lib/features/profile/preferences/preference_screen.dart

@@ -1,6 +1,10 @@
 import 'package:flutter/material.dart';
 import 'language_dialog.dart';
+import 'color_theme_dialog.dart';
 import '../../../l10n/app_localizations.dart';
+import 'package:kmobile/features/auth/controllers/theme_cubit.dart';
+import 'package:kmobile/features/auth/controllers/theme_state.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
 class PreferenceScreen extends StatelessWidget {
   const PreferenceScreen({super.key});
@@ -11,22 +15,44 @@ class PreferenceScreen extends StatelessWidget {
 
     return Scaffold(
       appBar: AppBar(
-        title: Text(loc.preferences), // Localized "Preferences"
+        title: Text(loc.preferences),
       ),
-      body: ListView(
-        children: [
-          ListTile(
-            leading: const Icon(Icons.language),
-            title: Text(loc.language), // Localized "Language"
-            onTap: () {
-              showDialog(
-                context: context,
-                builder: (context) => LanguageDialog(),
-              );
-            },
+      body: BlocBuilder<ThemeCubit, ThemeState>(
+        builder: (context, state) {
+          return ListView(
+            children: [
+              // Theme Mode Switch (Light/Dark)
+              ListTile(
+                leading: const Icon(Icons.brightness_6),
+                title: const Text("Theme Mode"),
+                trailing: Switch(
+                  value: state.isDarkMode,
+                  onChanged: (val) {
+                    context.read<ThemeCubit>().toggleDarkMode(val);
+                  },
+                ),
+              ),
+             //Color_Theme_Selection
+              ListTile(
+            leading: const Icon(Icons.color_lens),
+            title: const Text('Theme Color'),
+            onTap: () => showColorThemeDialog(context),
           ),
-        ],
+              // Language Selection
+              ListTile(
+                leading: const Icon(Icons.language),
+                title: Text(loc.language),
+                onTap: () {
+                  showDialog(
+                    context: context,
+                    builder: (_) => const LanguageDialog(), // your custom language dialog
+                  );
+                },
+              ),
+            ],
+          );
+        },
       ),
     );
   }
-}
+}

lib/features/profile/profile_screen.dart

@@ -21,7 +21,7 @@ class ProfileScreen extends StatelessWidget {
             onTap: () {
               Navigator.push(
                 context,
-                MaterialPageRoute(builder: (_) => const PreferenceScreen()),
+                MaterialPageRoute(builder: (context) => const PreferenceScreen()),
               );
             },
           ),