Fix annoying error from using capacitor statusbar in browser

rt-evil-inc · Sep 25, 2024 · 4730dd8 · 4730dd8
1 parent 7e5342d
commit 4730dd8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -41,7 +41,9 @@
 		const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
 		const updateTheme = () => {
 			document.documentElement.setAttribute('data-theme', $appSettings.theme === 'system' ? mediaQuery.matches ? 'dark' : 'light' : $appSettings.theme);
-			StatusBar.setStyle({ style: $appSettings.theme === 'system' ? mediaQuery.matches ? Style.Dark : Style.Light : $appSettings.theme === 'dark' ? Style.Dark : Style.Light });
+			if (Capacitor.getPlatform() === 'android' || Capacitor.getPlatform() === 'ios'){
+				StatusBar.setStyle({ style: $appSettings.theme === 'system' ? mediaQuery.matches ? Style.Dark : Style.Light : $appSettings.theme === 'dark' ? Style.Dark : Style.Light });
+			}
 		};
 		appSettings.subscribe(updateTheme);
 		mediaQuery.addEventListener('change', updateTheme);