fix: sync PWA status bar theme-color with app color scheme

heimoshuiyu · heimoshuiyu · commit 5bd6e3e66a2a · 2026-05-17T18:42:14.000+08:00
diff --git a/packages/app/index.html b/packages/app/index.html
@@ -9,8 +9,8 @@
     <link rel="shortcut icon" href="/favicon-v3.ico" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v3.png" />
     <link rel="manifest" href="/site.webmanifest" />
-    <meta name="theme-color" content="#F8F7F7" />
-    <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#F8F7F7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#131010" />
     <meta property="og:image" content="/social-share.png" />
     <meta property="twitter:image" content="/social-share.png" />
     <script id="oc-theme-preload-script" src="/oc-theme-preload.js"></script>
diff --git a/packages/desktop/src/renderer/index.html b/packages/desktop/src/renderer/index.html
@@ -8,8 +8,8 @@
     <link rel="icon" type="image/svg+xml" href="./favicon-v3.svg" />
     <link rel="shortcut icon" href="./favicon-v3.ico" />
     <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-v3.png" />
-    <meta name="theme-color" content="#F8F7F7" />
-    <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#F8F7F7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#131010" />
     <meta property="og:image" content="./social-share.png" />
     <meta property="twitter:image" content="./social-share.png" />
     <script id="oc-theme-preload-script" src="./oc-theme-preload.js"></script>
diff --git a/packages/desktop/src/renderer/loading.html b/packages/desktop/src/renderer/loading.html
@@ -8,8 +8,8 @@
     <link rel="icon" type="image/svg+xml" href="./favicon-v3.svg" />
     <link rel="shortcut icon" href="./favicon-v3.ico" />
     <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-v3.png" />
-    <meta name="theme-color" content="#F8F7F7" />
-    <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#F8F7F7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#131010" />
     <meta property="og:image" content="./social-share.png" />
     <meta property="twitter:image" content="./social-share.png" />
     <script id="oc-theme-preload-script" src="./oc-theme-preload.js"></script>
diff --git a/packages/enterprise/src/entry-server.tsx b/packages/enterprise/src/entry-server.tsx
@@ -24,8 +24,8 @@ export default createHandler(() => (
             <meta charset="utf-8" />
             <meta name="viewport" content="width=device-width, initial-scale=1" />
             <title>OpenCode</title>
-            <meta name="theme-color" content="#F8F7F7" />
-            <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
+            <meta name="theme-color" media="(prefers-color-scheme: light)" content="#F8F7F7" />
+            <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#131010" />
             {assets}
           </head>
           <body class="antialiased overscroll-none text-12-regular">
