Theme

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
+                  );
+                },
+              ),
+            ],
+          );
+        },
       ),
     );
   }
-}
+}