✨ Background image & appearance settings

lib/main.dart

@@ -37,25 +37,7 @@ class SolianApp extends StatelessWidget {
             ChangeNotifierProvider(create: (ctx) => UserProvider(ctx)),
             ChangeNotifierProvider(create: (_) => ThemeProvider()),
           ],
-          child: Builder(builder: (context) {
-            // Initialize some providers
-            context.read<UserProvider>();
-
-            final th = context.watch<ThemeProvider>();
-
-            return MaterialApp.router(
-              theme: th.theme.light,
-              darkTheme: th.theme.dark,
-              locale: context.locale,
-              supportedLocales: context.supportedLocales,
-              localizationsDelegates: [
-                CroppyLocalizations.delegate,
-                RelativeTimeLocalizations.delegate,
-                ...context.localizationDelegates,
-              ],
-              routerConfig: appRouter,
-            );
-          }),
+          child: AppMainContent(),
         ),
       ),
       breakpoints: [
@@ -66,3 +48,27 @@ class SolianApp extends StatelessWidget {
     );
   }
 }
+
+class AppMainContent extends StatelessWidget {
+  const AppMainContent({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    context.read<UserProvider>();
+
+    final th = context.watch<ThemeProvider>();
+
+    return MaterialApp.router(
+      theme: th.theme?.light,
+      darkTheme: th.theme?.dark,
+      locale: context.locale,
+      supportedLocales: context.supportedLocales,
+      localizationsDelegates: [
+        CroppyLocalizations.delegate,
+        RelativeTimeLocalizations.delegate,
+        ...context.localizationDelegates,
+      ],
+      routerConfig: appRouter,
+    );
+  }
+}