Merge pull request #777 from TTurletti/fix/theme-not-respected

fix: pass defaultMode to ModeWatcher so site theme is respected

src/routes/(account)/+layout.svelte

@@ -10,7 +10,7 @@
   import KenerNav from "$lib/components/KenerNav.svelte";
 </script>
 
-<ModeWatcher />
+<ModeWatcher defaultMode={data.defaultSiteTheme as 'light' | 'dark' | 'system'} />
 <Toaster />
 
 <svelte:head>

src/routes/(embed)/+layout.svelte

@@ -9,7 +9,7 @@
   let { children, data } = $props();
 </script>
 
-<ModeWatcher />
+<ModeWatcher defaultMode={data.defaultSiteTheme as 'light' | 'dark' | 'system'} />
 <Toaster />
 
 <svelte:head>

src/routes/(kener)/+layout.svelte

@@ -20,7 +20,7 @@
   });
 </script>
 
-<ModeWatcher />
+<ModeWatcher defaultMode={data.defaultSiteTheme as 'light' | 'dark' | 'system'} />
 
 <Toaster />
 

src/routes/(manage)/+layout.server.ts

@@ -49,12 +49,14 @@ export const load: LayoutServerLoad = async ({ cookies, route }) => {
   const siteStatusColors = siteData.colors;
   const siteStatusColorsDark = siteData.colorsDark || siteStatusColors;
   const font = siteData.font || { cssSrc: "", family: "" };
+  const defaultSiteTheme = siteData.theme || "system";
   return {
     userDb: loggedInUser,
     userPermissions: [...userPermissions],
     siteStatusColors,
     siteStatusColorsDark,
     font,
+    defaultSiteTheme,
     canSendEmail: IsEmailSetup(),
     seedSiteData,
   };

src/routes/(manage)/+layout.svelte

@@ -71,7 +71,7 @@
   let pageTitle = $derived(navItems.find((item) => page.url.pathname.startsWith(item.url))?.title || "Dashboard");
 </script>
 
-<ModeWatcher />
+<ModeWatcher defaultMode={data.defaultSiteTheme as 'light' | 'dark' | 'system'} />
 <Toaster />
 
 <svelte:head>