fix: ios pwa color

hamster1963 · Dec 3, 2024 · eb6612e · eb6612e
1 parent b291d01
commit eb6612e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/.github/workflows/Build.yml b/.github/workflows/Build.yml
@@ -40,4 +40,3 @@ jobs:
         run: bun x changelogithub
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
-
diff --git a/index.html b/index.html
@@ -6,10 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="NEZHA" />
-    <meta
-      name="apple-mobile-web-app-status-bar-style"
-      content="black-translucent"
-    />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
     <meta name="theme-color" content="#242424" />
     <title>NEZHA</title>
     <script>

diff --git a/src/components/ThemeProvider.tsx b/src/components/ThemeProvider.tsx
@@ -40,15 +40,16 @@ export function ThemeProvider({
         : "light";
 
       root.classList.add(systemTheme);
-      const themeColor = systemTheme === "dark" ? "#242424" : "#fafafa";
+      const themeColor =
+        systemTheme === "dark" ? "hsl(30 15% 8%)" : "hsl(0 0% 98%)";
       document
         .querySelector('meta[name="theme-color"]')
         ?.setAttribute("content", themeColor);
       return;
     }
 
     root.classList.add(theme);
-    const themeColor = theme === "dark" ? "#242424" : "#fafafa";
+    const themeColor = theme === "dark" ? "hsl(30 15% 8%)" : "hsl(0 0% 98%)";
     document
       .querySelector('meta[name="theme-color"]')
       ?.setAttribute("content", themeColor);
Original file line number	Diff line number	Diff line change
Expand Up		@@ -40,4 +40,3 @@ jobs:
		run: bun x changelogithub
		env:
		GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}