From c0183e62fb2f64543b1f53023f4f9c4eda21e7d2 Mon Sep 17 00:00:00 2001 From: kuaifan Date: Wed, 14 Jan 2026 11:50:15 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=20webTab=20?= =?UTF-8?q?=E4=B8=BB=E9=A2=98=E9=85=8D=E8=89=B2=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 深色模式：背景 #202124，活跃Tab #323639，文字 #D6D6D7 - 浅色模式：背景 #F1F3F4，活跃Tab #FFFFFF，文字 #5F6368 - 同步更新 WebView 默认背景色和加载页背景色 - 更新 earth 图标选中态颜色适配新主题 - 删除未使用的 link 图标资源 - 语言切换时重建预加载池 --- electron/electron.js | 2 +- electron/lib/utils.js | 2 +- electron/lib/web-tab-manager.js | 2 +- electron/render/tabs/assets/css/style.css | 14 +++++++------- .../tabs/assets/image/earth/light_selected.svg | 2 +- electron/render/tabs/assets/image/link/dark.svg | 1 - .../tabs/assets/image/link/dark_selected.svg | 1 - electron/render/tabs/assets/image/link/light.svg | 1 - .../tabs/assets/image/link/light_selected.svg | 1 - public/js/loading-theme.js | 2 +- resources/assets/js/language/index.js | 1 + .../assets/statics/public/js/loading-theme.js | 2 +- 12 files changed, 14 insertions(+), 17 deletions(-) delete mode 100644 electron/render/tabs/assets/image/link/dark.svg delete mode 100644 electron/render/tabs/assets/image/link/dark_selected.svg delete mode 100644 electron/render/tabs/assets/image/link/light.svg delete mode 100644 electron/render/tabs/assets/image/link/light_selected.svg diff --git a/electron/electron.js b/electron/electron.js index 431de56d8..ab6e91213 100644 --- a/electron/electron.js +++ b/electron/electron.js @@ -500,7 +500,7 @@ function monitorThemeChanges() { mediaWindow?.setBackgroundColor(backgroundColor); // 更新所有 webTab 窗口背景 for (const [, windowData] of webTabManager.getWebTabWindows()) { - windowData.window?.setBackgroundColor(nativeTheme.shouldUseDarkColors ? '#575757' : '#FFFFFF'); + windowData.window?.setBackgroundColor(nativeTheme.shouldUseDarkColors ? '#202124' : '#F1F3F4'); } // 通知所有窗口 BrowserWindow.getAllWindows().forEach(window => { diff --git a/electron/lib/utils.js b/electron/lib/utils.js index 4e55bf2e9..a77f987b5 100644 --- a/electron/lib/utils.js +++ b/electron/lib/utils.js @@ -806,7 +806,7 @@ const utils = { */ getDefaultBackgroundColor() { if (utils.getThemName() === "dark") { - return "#0D0D0D"; + return "#202124"; } else { return "#FFFFFF"; } diff --git a/electron/lib/web-tab-manager.js b/electron/lib/web-tab-manager.js index 4b7eee245..44a840ac7 100644 --- a/electron/lib/web-tab-manager.js +++ b/electron/lib/web-tab-manager.js @@ -471,7 +471,7 @@ function createWebTabWindowInstance(windowId, position, mode = 'tab') { height: savedBounds.height ?? screenDefault.height, minWidth: screenDefault.minWidth, minHeight: screenDefault.minHeight, - backgroundColor: nativeTheme.shouldUseDarkColors ? '#575757' : '#FFFFFF', + backgroundColor: nativeTheme.shouldUseDarkColors ? '#202124' : '#F1F3F4', center: true, }) // 恢复保存的位置，并限制在屏幕 90% 范围内 diff --git a/electron/render/tabs/assets/css/style.css b/electron/render/tabs/assets/css/style.css index ed3efa742..9b8c95e83 100644 --- a/electron/render/tabs/assets/css/style.css +++ b/electron/render/tabs/assets/css/style.css @@ -3,8 +3,8 @@ --tab-font-size: 12px; --tab-transition: background-color 200ms ease-out, color 200ms ease-out; --tab-cursor: pointer; - --tab-color: #7f8792; - --tab-background: #EFF0F4; + --tab-color: #5F6368; + --tab-background: #F1F3F4; --tab-active-color: #222529; --tab-active-background: #FFFFFF; --tab-close-color: #9DA3AC; @@ -381,11 +381,11 @@ body.darwin.full-screen .nav { /* 暗黑模式 */ @media (prefers-color-scheme: dark) { :root { - --tab-color: #C5C5C5; - --tab-background: #3B3B3D; - --tab-active-color: #E1E1E1; - --tab-active-background: #575757; - --tab-close-color: #E3E3E3; + --tab-color: #D6D6D7; + --tab-background: #202124; + --tab-active-color: #E8EAED; + --tab-active-background: #323639; + --tab-close-color: #D6D6D7; } .nav-tabs li.active .tab-icon::before { diff --git a/electron/render/tabs/assets/image/earth/light_selected.svg b/electron/render/tabs/assets/image/earth/light_selected.svg index 47635f44e..640d15aea 100644 --- a/electron/render/tabs/assets/image/earth/light_selected.svg +++ b/electron/render/tabs/assets/image/earth/light_selected.svg @@ -1 +1 @@ - + diff --git a/electron/render/tabs/assets/image/link/dark.svg b/electron/render/tabs/assets/image/link/dark.svg deleted file mode 100644 index b8d2351bb..000000000 --- a/electron/render/tabs/assets/image/link/dark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/electron/render/tabs/assets/image/link/dark_selected.svg b/electron/render/tabs/assets/image/link/dark_selected.svg deleted file mode 100644 index 8467d2e33..000000000 --- a/electron/render/tabs/assets/image/link/dark_selected.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/electron/render/tabs/assets/image/link/light.svg b/electron/render/tabs/assets/image/link/light.svg deleted file mode 100644 index 1c8dcb254..000000000 --- a/electron/render/tabs/assets/image/link/light.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/electron/render/tabs/assets/image/link/light_selected.svg b/electron/render/tabs/assets/image/link/light_selected.svg deleted file mode 100644 index 4e9019974..000000000 --- a/electron/render/tabs/assets/image/link/light_selected.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/public/js/loading-theme.js b/public/js/loading-theme.js index 12de9739b..90c8e6b63 100644 --- a/public/js/loading-theme.js +++ b/public/js/loading-theme.js @@ -6,7 +6,7 @@ if (!['dark', 'light'].includes(themeName)) { if (themeName === 'dark') { let style = document.createElement('style'); style.rel = 'stylesheet'; - style.innerHTML = '.app-view-loading{background-color:#0D0D0D}' + style.innerHTML = '.app-view-loading{background-color:#202124}' if (document.head) { document.head.appendChild(style); } else { diff --git a/resources/assets/js/language/index.js b/resources/assets/js/language/index.js index 7019e5f8d..ad6463752 100644 --- a/resources/assets/js/language/index.js +++ b/resources/assets/js/language/index.js @@ -96,6 +96,7 @@ function setLanguage(language, silence = false) { utils.saveLanguage(language); (async () => { await $A.IDBDel("callAt") + $A.Electron?.sendMessage('recreatePreloadPool'); $A.reloadUrl() })() } else { diff --git a/resources/assets/statics/public/js/loading-theme.js b/resources/assets/statics/public/js/loading-theme.js index 12de9739b..90c8e6b63 100644 --- a/resources/assets/statics/public/js/loading-theme.js +++ b/resources/assets/statics/public/js/loading-theme.js @@ -6,7 +6,7 @@ if (!['dark', 'light'].includes(themeName)) { if (themeName === 'dark') { let style = document.createElement('style'); style.rel = 'stylesheet'; - style.innerHTML = '.app-view-loading{background-color:#0D0D0D}' + style.innerHTML = '.app-view-loading{background-color:#202124}' if (document.head) { document.head.appendChild(style); } else {