首頁 探索 說明
登入
moki
/
opencode
镜像来自 https://github.com/anomalyco/opencode.git
1
0
複刻 0
Files 問題管理 0 Wiki
瀏覽代碼

fix(app): improve iOS PWA shell (#32798)

Brendan Allan 1 月之前
父節點
fc95a84b42
當前提交
a21e74773f
共有 4 個文件被更改，包括 16 次插入 和 8 次删除
分割檢視 顯示文件統計
  1. 7 4
      packages/app/index.html
  2. 2 1
      packages/app/public/oc-theme-preload.js
  3. 5 2
      packages/ui/src/assets/favicon/site.webmanifest
  4. 2 1
      packages/ui/src/theme/context.tsx

+ 7 - 4
packages/app/index.html
查看文件 

@@ -1,5 +1,5 @@
 
 <!doctype html>
 
-<html lang="en" style="background-color: var(--background-base)">
 
+<html lang="en" style="background-color: var(--v2-background-bg-deep, #fafafa)">
 
   <head>
 
     <meta charset="utf-8" />
 
     <meta
 
@@ -12,14 +12,17 @@
 
     <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="#fafafa" />
 
+    <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="black-translucent" />
 
     <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>
 
   </head>
 
-  <body class="antialiased overscroll-none text-12-regular overflow-hidden">
 
+  <body class="antialiased overscroll-none text-12-regular overflow-hidden bg-v2-background-bg-deep">
 
     <noscript>You need to enable JavaScript to run this app.</noscript>
 
-    <div id="root" class="flex flex-col h-dvh p-px"></div>
 
+    <div id="root" class="flex flex-col h-dvh bg-v2-background-bg-deep p-px"></div>
 
     <script src="/src/entry.tsx" type="module"></script>
 
   </body>
 
 </html>

+ 2 - 1
packages/app/public/oc-theme-preload.js
查看文件 

@@ -15,10 +15,11 @@
 
 
   document.documentElement.dataset.theme = themeId
 
   document.documentElement.dataset.colorScheme = mode
 
+  document.documentElement.style.backgroundColor = isDark ? "#080808" : "#fafafa"
 
 
   // Update theme-color meta tag to match app color scheme
 
   var metas = document.querySelectorAll("meta[name='theme-color']")
 
-  if (metas.length > 0) metas[0].setAttribute("content", isDark ? "#131010" : "#F8F7F7")
 
+  if (metas.length > 0) metas[0].setAttribute("content", isDark ? "#080808" : "#fafafa")
 
 
   if (themeId === "oc-2") return

+ 5 - 2
packages/ui/src/assets/favicon/site.webmanifest
查看文件 

@@ -1,6 +1,9 @@
 
 {
 
   "name": "OpenCode",
 
   "short_name": "OpenCode",
 
+  "id": "/",
 
+  "start_url": "/",
 
+  "scope": "/",
 
   "icons": [
 
     {
 
       "src": "/web-app-manifest-192x192.png",
 
@@ -15,7 +18,7 @@
 
       "purpose": "maskable"
 
     }
 
   ],
 
-  "theme_color": "#ffffff",
 
-  "background_color": "#ffffff",
 
+  "theme_color": "#080808",
 
+  "background_color": "#080808",
 
   "display": "standalone"
 
 }

+ 2 - 1
packages/ui/src/theme/context.tsx
查看文件 

@@ -152,10 +152,11 @@ function applyThemeCss(theme: DesktopTheme, themeId: string, mode: "light" | "da
 
   ensureThemeStyleElement().textContent = fullCss
 
   document.documentElement.dataset.theme = themeId
 
   document.documentElement.dataset.colorScheme = mode
 
+  document.documentElement.style.backgroundColor = isDark ? "#080808" : "#fafafa"
 
 
   // Update theme-color meta tag to match light/dark mode
 
   const meta = document.querySelector('meta[name="theme-color"]')
 
-  if (meta) meta.setAttribute("content", isDark ? "#131010" : "#F8F7F7")
 
+  if (meta) meta.setAttribute("content", isDark ? "#080808" : "#fafafa")
 
 }
 
 
 function cacheThemeVariants(theme: DesktopTheme, themeId: string) {