✨ ui: Not working theme switcher

Changelog: ui

Author: Rnbsov

lib/screens/profile_screen.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:supabase_auth_ui/supabase_auth_ui.dart';
-import '../main.dart';  // Add this import for MyHomePage
+import '../main.dart';
+import 'settings_screen.dart';
 
 class ProfileScreen extends StatelessWidget {
   final String email;
@@ -18,6 +19,18 @@ class ProfileScreen extends StatelessWidget {
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
         title: const Text('Profile'),
         actions: [
+          // Settings button
+          IconButton(
+            icon: const Icon(Icons.settings),
+            onPressed: () {
+              Navigator.of(context).push(
+                MaterialPageRoute(
+                  builder: (context) => const SettingsScreen(),
+                ),
+              );
+            },
+          ),
+          // Logout button
           IconButton(
             icon: const Icon(Icons.logout),
             onPressed: () async {

lib/screens/settings_screen.dart

@@ -0,0 +1,97 @@
+import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+class SettingsScreen extends StatefulWidget {
+  const SettingsScreen({super.key});
+
+  @override
+  State<SettingsScreen> createState() => _SettingsScreenState();
+}
+
+class _SettingsScreenState extends State<SettingsScreen> {
+  bool _isDarkMode = false;
+  final String _themePrefKey = 'isDarkMode';
+  
+  @override
+  void initState() {
+    super.initState();
+    _loadThemePreference();
+  }
+  
+  // Load the theme preference from shared preferences
+  Future<void> _loadThemePreference() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _isDarkMode = prefs.getBool(_themePrefKey) ?? 
+          MediaQuery.platformBrightnessOf(context) == Brightness.dark;
+    });
+  }
+  
+  // Save the theme preference to shared preferences
+  Future<void> _saveThemePreference(bool isDark) async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.setBool(_themePrefKey, isDark);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: const Text('Settings'),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Appearance',
+              style: Theme.of(context).textTheme.titleLarge,
+            ),
+            const SizedBox(height: 16),
+            SwitchListTile(
+              title: const Text('Dark Mode'),
+              subtitle: const Text('Toggle between light and dark theme'),
+              value: _isDarkMode,
+              onChanged: (bool value) {
+                setState(() {
+                  _isDarkMode = value;
+                });
+                _saveThemePreference(value);
+                
+                // Show a dialog that requires app restart to apply theme changes
+                showDialog(
+                  context: context,
+                  builder: (BuildContext context) {
+                    return AlertDialog(
+                      title: const Text('Theme Changed'),
+                      content: const Text(
+                        'The app needs to restart to apply theme changes. Please restart the app.',
+                      ),
+                      actions: [
+                        TextButton(
+                          onPressed: () {
+                            Navigator.of(context).pop();
+                          },
+                          child: const Text('OK'),
+                        ),
+                      ],
+                    );
+                  },
+                );
+              },
+            ),
+            const Divider(),
+            const SizedBox(height: 16),
+            Text(
+              'Other Settings',
+              style: Theme.of(context).textTheme.titleLarge,
+            ),
+            // Add more settings options here
+          ],
+        ),
+      ),
+    );
+  }
+}