diff --git a/apps/web/index.html b/apps/web/index.html
index 35874292..d9d9d03d 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -6,7 +6,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content"
     />
-    <meta name="theme-color" content="#d1fae5" />
+    <meta name="theme-color" content="#f8fafc" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
diff --git a/apps/web/src/app/App.tsx b/apps/web/src/app/App.tsx
index 81651e9c..99fcba7c 100644
--- a/apps/web/src/app/App.tsx
+++ b/apps/web/src/app/App.tsx
@@ -6,7 +6,7 @@ import { WorkspaceApp } from "@/components/WorkspaceApp";
 import type { AuthSession } from "@edgeever/shared";
 
 const AuthLoadingScreen = () => (
-  <div className="flex h-[100dvh] items-center justify-center bg-emerald-50 text-sm font-medium text-emerald-900">
+  <div className="flex h-[100dvh] items-center justify-center bg-slate-50 text-sm font-medium text-slate-600">
     EdgeEver
   </div>
 );
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index e621e860..5936e718 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -17,8 +17,8 @@ export default defineConfig({
         start_url: "/",
         scope: "/",
         display: "standalone",
-        background_color: "#f6f7f3",
-        theme_color: "#394f37",
+        background_color: "#f8fafc",
+        theme_color: "#f8fafc",
         lang: "zh-CN",
         categories: ["productivity", "utilities"],
         icons: [