diff --git a/.github/workflows/Build.yml b/.github/workflows/Build.yml
index 97a6c78..7714867 100644
--- 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
index f122d23..2b5d0b3 100644
--- 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
index 9beaffa..42d6887 100644
--- a/src/components/ThemeProvider.tsx
+++ b/src/components/ThemeProvider.tsx
@@ -40,7 +40,8 @@ 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);
@@ -48,7 +49,7 @@ export function ThemeProvider({
     }
 
     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);