Wire guest branding theme

resources/js/guest/context/EventBrandingContext.tsx

@@ -160,48 +160,32 @@ function applyThemeMode(mode: EventBranding['mode']) {
   }
 
   const root = document.documentElement;
-  const prefersDark = typeof window !== 'undefined'
+  const prefersDark = typeof window !== 'undefined' && typeof window.matchMedia === 'function'
     ? window.matchMedia('(prefers-color-scheme: dark)').matches
     : false;
-
-  let storedTheme: 'light' | 'dark' | 'system' | null = null;
-
-  try {
-    const raw = localStorage.getItem('theme');
-    storedTheme = raw === 'light' || raw === 'dark' || raw === 'system' ? raw : null;
-  } catch {
-    storedTheme = null;
-  }
-
   const applyDark = () => root.classList.add('dark');
   const applyLight = () => root.classList.remove('dark');
 
   if (mode === 'dark') {
     applyDark();
+    root.style.colorScheme = 'dark';
     return;
   }
 
   if (mode === 'light') {
     applyLight();
-    return;
-  }
-
-  if (storedTheme === 'dark') {
-    applyDark();
-    return;
-  }
-
-  if (storedTheme === 'light') {
-    applyLight();
+    root.style.colorScheme = 'light';
     return;
   }
 
   if (prefersDark) {
     applyDark();
+    root.style.colorScheme = 'dark';
     return;
   }
 
   applyLight();
+  root.style.colorScheme = 'light';
 }
 
 export function EventBrandingProvider({
@@ -214,6 +198,9 @@ export function EventBrandingProvider({
   const resolved = useMemo(() => resolveBranding(branding), [branding]);
 
   useEffect(() => {
+    if (typeof document !== 'undefined') {
+      document.documentElement.classList.add('guest-theme');
+    }
     applyCssVariables(resolved);
     const previousDark = typeof document !== 'undefined' ? document.documentElement.classList.contains('dark') : false;
     applyThemeMode(resolved.mode ?? 'auto');
@@ -225,6 +212,7 @@ export function EventBrandingProvider({
         } else {
           document.documentElement.classList.remove('dark');
         }
+        document.documentElement.classList.remove('guest-theme');
       }
       resetCssVariables();
       applyCssVariables(DEFAULT_EVENT_BRANDING);