Add theme customization with color and background settings

- Introduced ThemeSettings model for comprehensive theme management
- Created ThemeSettingsProvider for persistent theme configuration
- Implemented ThemeSettingsScreen with color picker and preset themes
- Added flutter_colorpicker dependency for advanced color selection
- Enabled dynamic background image and color customization
- Updated profile screen with theme settings navigation option

Author: jamalihassan0307

lib/data/models/theme_settings.dart

@@ -0,0 +1,51 @@
+import 'dart:ui';
+
+class ThemeSettings {
+  final String backgroundImage;
+  final Color primaryColor;
+  final Color secondaryColor;
+  final Color systemBubbleColor;
+  final Color userBubbleColor;
+
+  const ThemeSettings({
+    required this.backgroundImage,
+    required this.primaryColor,
+    required this.secondaryColor,
+    required this.systemBubbleColor,
+    required this.userBubbleColor,
+  });
+
+  ThemeSettings copyWith({
+    String? backgroundImage,
+    Color? primaryColor,
+    Color? secondaryColor,
+    Color? systemBubbleColor,
+    Color? userBubbleColor,
+  }) {
+    return ThemeSettings(
+      backgroundImage: backgroundImage ?? this.backgroundImage,
+      primaryColor: primaryColor ?? this.primaryColor,
+      secondaryColor: secondaryColor ?? this.secondaryColor,
+      systemBubbleColor: systemBubbleColor ?? this.systemBubbleColor,
+      userBubbleColor: userBubbleColor ?? this.userBubbleColor,
+    );
+  }
+
+  factory ThemeSettings.fromJson(Map<String, dynamic> json) {
+    return ThemeSettings(
+      backgroundImage: json['backgroundImage'] as String,
+      primaryColor: Color(json['primaryColor'] as int),
+      secondaryColor: Color(json['secondaryColor'] as int),
+      systemBubbleColor: Color(json['systemBubbleColor'] as int),
+      userBubbleColor: Color(json['userBubbleColor'] as int),
+    );
+  }
+
+  Map<String, dynamic> toJson() => {
+        'backgroundImage': backgroundImage,
+        'primaryColor': primaryColor.value,
+        'secondaryColor': secondaryColor.value,
+        'systemBubbleColor': systemBubbleColor.value,
+        'userBubbleColor': userBubbleColor.value,
+      };
+}

lib/data/providers/theme_settings_provider.dart

@@ -0,0 +1,78 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_chatgpt_text_and_image_processing/configs/theme/app_theme.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+// import 'package:shared_preferences.dart';
+import '../models/theme_settings.dart';
+
+final themeSettingsProvider = StateNotifierProvider<ThemeSettingsNotifier, ThemeSettings>((ref) {
+  return ThemeSettingsNotifier();
+});
+
+class ThemeSettingsNotifier extends StateNotifier<ThemeSettings> {
+  static const String _storageKey = 'themeSettings';
+
+  ThemeSettingsNotifier() : super(_defaultSettings) {
+    _initializeSettings();
+  }
+
+  static const _defaultSettings = ThemeSettings(
+    backgroundImage: 'assets/themeImages/aiBackground.jpeg',
+    primaryColor: AppTheme.primaryColor,
+    secondaryColor: Colors.teal,
+    systemBubbleColor: Color(0xFF444654),
+    userBubbleColor: Color(0xFF343541),
+  );
+
+  Future<void> _initializeSettings() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final settingsJson = prefs.getString(_storageKey);
+
+      if (settingsJson != null) {
+        final settings = ThemeSettings.fromJson(json.decode(settingsJson));
+        state = settings;
+      } else {
+        // Save default settings if none exist
+        await updateSettings(_defaultSettings);
+      }
+    } catch (e) {
+      // Fallback to default settings on error
+      state = _defaultSettings;
+    }
+  }
+
+  Future<void> updateSettings(ThemeSettings settings) async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      await prefs.setString(_storageKey, json.encode(settings.toJson()));
+      state = settings;
+    } catch (e) {
+      // Handle error (could show an error message)
+      print('Error saving theme settings: $e');
+    }
+  }
+
+  // Helper method to update individual properties
+  Future<void> updateThemeColors({
+    Color? primaryColor,
+    Color? secondaryColor,
+    Color? systemBubbleColor,
+    Color? userBubbleColor,
+  }) async {
+    final newSettings = state.copyWith(
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor,
+      systemBubbleColor: systemBubbleColor,
+      userBubbleColor: userBubbleColor,
+    );
+    await updateSettings(newSettings);
+  }
+
+  Future<void> updateBackgroundImage(String imagePath) async {
+    final newSettings = state.copyWith(backgroundImage: imagePath);
+    await updateSettings(newSettings);
+  }
+}

lib/data/view/profile/profile_screen.dart

@@ -8,6 +8,7 @@ import '../../../configs/theme/app_theme.dart';
 import '../../../configs/routes/routes_name.dart';
 import '../../services/shared_prefs_service.dart';
 import '../../providers/chat_provider.dart';
+import '../../../data/view/settings/theme_settings_screen.dart';
 
 class ProfileScreen extends ConsumerStatefulWidget {
   const ProfileScreen({super.key});
@@ -248,6 +249,16 @@ class _ProfileScreenState extends ConsumerState<ProfileScreen> {
             );
           },
         ),
+        _buildSettingsTile(
+          icon: Icons.color_lens,
+          title: 'Theme Settings',
+          onTap: () {
+            Navigator.push(
+              context,
+              MaterialPageRoute(builder: (context) => const ThemeSettingsScreen()),
+            );
+          },
+        ),
         _buildSettingsTile(
           icon: Icons.logout,
           title: 'Logout',