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/lib/state/theme.ts
+++ b/web/src/lib/state/theme.ts
@@ -42,6 +42,12 @@ export default derived(
 ) as Readable<Exclude<Theme, "auto">>

 export const statusBarColors = {
-    "dark": "#000000",
-    "light": "#ffffff"
+    mobile: {
+        dark: "#000000",
+        light: "#ffffff"
+    },
+    desktop: {
+        dark: "#131313",
+        light: "#f4f4f4"
+    }
 }