setting screen added

lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:e_receipt_mobile/core/theme/app_colors.dart';
 import 'package:e_receipt_mobile/presentation/login/login_page.dart';
+import 'package:e_receipt_mobile/presentation/settings/theme_mode_provider.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -21,14 +22,17 @@ void main() {
   runApp(const ProviderScope(child: EReceiptApp()));
 }
 
-class EReceiptApp extends StatelessWidget {
+class EReceiptApp extends ConsumerWidget {
   const EReceiptApp({super.key});
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
+    final themeMode = ref.watch(appThemeModeProvider);
+
     return MaterialApp(
       title: 'E-Receipt',
       debugShowCheckedModeBanner: false,
+      themeMode: themeMode,
       theme: ThemeData(
         colorScheme: ColorScheme.fromSeed(
           seedColor: AppColors.primary,
@@ -45,6 +49,22 @@ class EReceiptApp extends StatelessWidget {
         ),
         useMaterial3: true,
       ),
+      darkTheme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(
+          seedColor: AppColors.primary,
+          brightness: Brightness.dark,
+        ),
+        appBarTheme: const AppBarTheme(
+          backgroundColor: AppColors.primary,
+          foregroundColor: Colors.white,
+          systemOverlayStyle: SystemUiOverlayStyle(
+            statusBarColor: AppColors.primary,
+            statusBarIconBrightness: Brightness.light,
+            statusBarBrightness: Brightness.dark,
+          ),
+        ),
+        useMaterial3: true,
+      ),
       home: const LoginPage(),
     );
   }

lib/presentation/home/home_screen.dart

@@ -3,6 +3,7 @@ import 'package:e_receipt_mobile/domain/entities/login_user.dart';
 import 'package:e_receipt_mobile/presentation/auth/session_controller.dart';
 import 'package:e_receipt_mobile/presentation/home/home_view_model.dart';
 import 'package:e_receipt_mobile/presentation/login/login_page.dart';
+import 'package:e_receipt_mobile/presentation/settings/settings_screen.dart';
 import 'package:e_receipt_mobile/presentation/terminal/terminal_selection_screen.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -92,7 +93,11 @@ class HomeScreen extends ConsumerWidget {
                 ),
                 onTap: () {
                   Navigator.of(context).pop();
-                  _showComingSoon(context, 'Settings');
+                  Navigator.of(context).push(
+                    MaterialPageRoute<void>(
+                      builder: (_) => const SettingsScreen(),
+                    ),
+                  );
                 },
               ),
               ListTile(

lib/presentation/settings/settings_screen.dart

@@ -0,0 +1,65 @@
+import 'package:e_receipt_mobile/presentation/settings/theme_mode_provider.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class SettingsScreen extends ConsumerWidget {
+  const SettingsScreen({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final selectedMode = ref.watch(appThemeModeProvider);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Settings'),
+        centerTitle: true,
+      ),
+      body: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          Text(
+            'Theme',
+            style: Theme.of(context).textTheme.titleLarge,
+          ),
+          const SizedBox(height: 8),
+          Card(
+            child: Column(
+              children: [
+                RadioListTile<ThemeMode>(
+                  title: const Text('Light'),
+                  value: ThemeMode.light,
+                  groupValue: selectedMode,
+                  onChanged: (value) {
+                    if (value != null) {
+                      ref.read(appThemeModeProvider.notifier).state = value;
+                    }
+                  },
+                ),
+                RadioListTile<ThemeMode>(
+                  title: const Text('Dark'),
+                  value: ThemeMode.dark,
+                  groupValue: selectedMode,
+                  onChanged: (value) {
+                    if (value != null) {
+                      ref.read(appThemeModeProvider.notifier).state = value;
+                    }
+                  },
+                ),
+                RadioListTile<ThemeMode>(
+                  title: const Text('System'),
+                  value: ThemeMode.system,
+                  groupValue: selectedMode,
+                  onChanged: (value) {
+                    if (value != null) {
+                      ref.read(appThemeModeProvider.notifier).state = value;
+                    }
+                  },
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/presentation/settings/theme_mode_provider.dart

@@ -0,0 +1,6 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final appThemeModeProvider = StateProvider<ThemeMode>((ref) {
+  return ThemeMode.system;
+});