web/layout: adaptive status bar colors for desktop

mostly used by safari
2025-04-28 21:41:52 +06:00
parent 2fce88af2f
commit 78f23da0a5
2 changed files with 17 additions and 3 deletions
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -67,7 +67,15 @@
    {/if}

    {#if device.is.mobile}
-        <meta name="theme-color" content={statusBarColors[$currentTheme]} />
+        <meta
+            name="theme-color"
+            content={statusBarColors.mobile[$currentTheme]}
+        />
+    {:else}
+        <meta
+            name="theme-color"
+            content={statusBarColors.desktop[$currentTheme]}
+        />
    {/if}

    {#if plausibleLoaded || (browser && env.PLAUSIBLE_ENABLED && !$settings.privacy.disableAnalytics)}