style: 统一 webTab 主题配色风格

- 深色模式：背景 #202124，活跃Tab #323639，文字 #D6D6D7
  - 浅色模式：背景 #F1F3F4，活跃Tab #FFFFFF，文字 #5F6368
  - 同步更新 WebView 默认背景色和加载页背景色
  - 更新 earth 图标选中态颜色适配新主题
  - 删除未使用的 link 图标资源
  - 语言切换时重建预加载池

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 => {

electron/lib/utils.js

@@ -806,7 +806,7 @@ const utils = {
      */
     getDefaultBackgroundColor() {
         if (utils.getThemName() === "dark") {
-            return "#0D0D0D";
+            return "#202124";
         } else {
             return "#FFFFFF";
         }

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% 范围内

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 {

electron/render/tabs/assets/image/earth/light_selected.svg

@@ -1 +1 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 2.06850072C230.79961665 2.06850072 2.06850072 230.79961665 2.06850072 512s228.73111593 509.93149928 509.93149928 509.93149928 509.93149928-228.73111593 509.93149928-509.93149928S793.20038335 2.06850072 512 2.06850072z m246.91419965 572.5993967c-110.84300484 0-139.1576223 60.18533617-143.31758979 110.70881233-2.68385 32.2732962-1.7445025 53.34151868-1.00644375 70.3168699 1.07354 24.55722746 1.61030999 34.6887612-10.06443749 59.98404742-5.36769999 11.80893999-32.1391037 14.96246373-55.68988742 17.71340998-33.27973996 3.89158249-74.74522239 8.78960875-87.35931738 45.49125743-7.24639499 21.20241496-4.22706374 50.05380243 9.39347499 87.56060613a456.25449935 456.25449935 0 0 1-313.20529457-167.13675852c36.7016487-14.09021248 66.89496116-34.9571462 90.11026363-62.19822365 39.05001745-45.82673868 41.33128995-92.59282487 43.14288869-130.16672482 1.61030999-33.07845121 3.28771625-52.60345992 19.32371997-68.84075241 9.79605249-9.93024499 22.67853247-14.35859749 41.86805994-14.35859747 18.51856497 0 39.92226869 4.1599675 62.53370491 8.58831998 25.69786372 4.96512249 52.20088243 10.13153374 78.77099739 10.13153373 46.56479743 0 82.19290613-16.37148498 108.89721361-50.05380242 66.35819116-83.73611987 23.88626496-145.06209229-4.22706376-185.58822724-12.94957623-18.65275748-25.16109371-36.2990712-24.35593871-50.32218742 1.20773249-21.60499247 10.13153374-36.63455245 20.39725997-54.01248118 15.49923373-26.16753746 34.75585745-58.64212242 17.44502498-110.44042734a109.36688734 109.36688734 0 0 0-14.69407873-27.91203997 453.43645686 453.43645686 0 0 1 371.17645448 448.00166063c0 51.79830492-8.78960875 102.38887735-26.16753747 151.23494727-50.45637993-58.10535241-113.05718108-88.56704987-183.17276224-88.56704988z" fill="#000000"/></svg>
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 2.06850072C230.79961665 2.06850072 2.06850072 230.79961665 2.06850072 512s228.73111593 509.93149928 509.93149928 509.93149928 509.93149928-228.73111593 509.93149928-509.93149928S793.20038335 2.06850072 512 2.06850072z m246.91419965 572.5993967c-110.84300484 0-139.1576223 60.18533617-143.31758979 110.70881233-2.68385 32.2732962-1.7445025 53.34151868-1.00644375 70.3168699 1.07354 24.55722746 1.61030999 34.6887612-10.06443749 59.98404742-5.36769999 11.80893999-32.1391037 14.96246373-55.68988742 17.71340998-33.27973996 3.89158249-74.74522239 8.78960875-87.35931738 45.49125743-7.24639499 21.20241496-4.22706374 50.05380243 9.39347499 87.56060613a456.25449935 456.25449935 0 0 1-313.20529457-167.13675852c36.7016487-14.09021248 66.89496116-34.9571462 90.11026363-62.19822365 39.05001745-45.82673868 41.33128995-92.59282487 43.14288869-130.16672482 1.61030999-33.07845121 3.28771625-52.60345992 19.32371997-68.84075241 9.79605249-9.93024499 22.67853247-14.35859749 41.86805994-14.35859747 18.51856497 0 39.92226869 4.1599675 62.53370491 8.58831998 25.69786372 4.96512249 52.20088243 10.13153374 78.77099739 10.13153373 46.56479743 0 82.19290613-16.37148498 108.89721361-50.05380242 66.35819116-83.73611987 23.88626496-145.06209229-4.22706376-185.58822724-12.94957623-18.65275748-25.16109371-36.2990712-24.35593871-50.32218742 1.20773249-21.60499247 10.13153374-36.63455245 20.39725997-54.01248118 15.49923373-26.16753746 34.75585745-58.64212242 17.44502498-110.44042734a109.36688734 109.36688734 0 0 0-14.69407873-27.91203997 453.43645686 453.43645686 0 0 1 371.17645448 448.00166063c0 51.79830492-8.78960875 102.38887735-26.16753747 151.23494727-50.45637993-58.10535241-113.05718108-88.56704987-183.17276224-88.56704988z" fill="#323639"/></svg>

electron/render/tabs/assets/image/link/dark.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 4.63280312c280.21890262 0 507.36719688 227.14829428 507.36719688 507.36719688 0 275.50038771-219.53778634 499.6552147-493.160915 507.16424961L512 1019.36719688l-14.20628188-0.20294727C224.17058942 1011.6552147 4.63280312 787.50038771 4.63280312 512 4.63280312 231.78109738 231.78109738 4.63280312 512 4.63280312zM287.99738314 550.10327686H82.41219433a431.51580062 431.51580062 0 0 0 343.23390844 384.4828615 756.12933254 756.12933254 0 0 1-135.72072467-362.56459863l-1.92799496-21.91826287z m653.59042253 0h-205.48371458a756.12933254 756.12933254 0 0 1-137.64872079 384.58433456 431.6680108 431.6680108 0 0 0 341.76254393-370.98689449l1.36989144-13.59744007z m-281.79174131-0.05073713H364.25467278a680.02425307 680.02425307 0 0 0 126.84179833 345.41558778l12.43049712 16.64164326 8.47303177 10.65471113 8.47303177-10.65471113a679.77056988 679.77056988 0 0 0 137.24282747-339.32718022l2.08020512-22.73005082z m-234.25143466-460.68941402l-2.02946915 0.45663048a431.51580062 431.51580062 0 0 0-341.10296622 384.12770408h205.48371458a756.12933254 756.12933254 0 0 1 137.64872079-384.58433456zM512 101.184781l-8.47303177 10.65471112a679.3646765 679.3646765 0 0 0-139.37376968 362.15870525h295.59212867a680.02425307 680.02425307 0 0 0-126.84179833-345.46632488l-12.43049712-16.64164326L512 101.184781z m86.35389723-11.77091936l2.79051878 3.80525397a757.24554076 757.24554076 0 0 1 134.85820085 380.72834466h205.58518881a431.56653774 431.56653774 0 0 0-330.09309885-381.69234153l-13.14080959-2.8412571z" fill="#747C87"/></svg>

electron/render/tabs/assets/image/link/dark_selected.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 4.63280312c280.21890262 0 507.36719688 227.14829428 507.36719688 507.36719688 0 275.50038771-219.53778634 499.6552147-493.160915 507.16424961L512 1019.36719688l-14.20628188-0.20294727C224.17058942 1011.6552147 4.63280312 787.50038771 4.63280312 512 4.63280312 231.78109738 231.78109738 4.63280312 512 4.63280312zM287.99738314 550.10327686H82.41219433a431.51580062 431.51580062 0 0 0 343.23390844 384.4828615 756.12933254 756.12933254 0 0 1-135.72072467-362.56459863l-1.92799496-21.91826287z m653.59042253 0h-205.48371458a756.12933254 756.12933254 0 0 1-137.64872079 384.58433456 431.6680108 431.6680108 0 0 0 341.76254393-370.98689449l1.36989144-13.59744007z m-281.79174131-0.05073713H364.25467278a680.02425307 680.02425307 0 0 0 126.84179833 345.41558778l12.43049712 16.64164326 8.47303177 10.65471113 8.47303177-10.65471113a679.77056988 679.77056988 0 0 0 137.24282747-339.32718022l2.08020512-22.73005082z m-234.25143466-460.68941402l-2.02946915 0.45663048a431.51580062 431.51580062 0 0 0-341.10296622 384.12770408h205.48371458a756.12933254 756.12933254 0 0 1 137.64872079-384.58433456zM512 101.184781l-8.47303177 10.65471112a679.3646765 679.3646765 0 0 0-139.37376968 362.15870525h295.59212867a680.02425307 680.02425307 0 0 0-126.84179833-345.46632488l-12.43049712-16.64164326L512 101.184781z m86.35389723-11.77091936l2.79051878 3.80525397a757.24554076 757.24554076 0 0 1 134.85820085 380.72834466h205.58518881a431.56653774 431.56653774 0 0 0-330.09309885-381.69234153l-13.14080959-2.8412571z" fill="#C7C7C7"/></svg>

electron/render/tabs/assets/image/link/light.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 4.63280312c280.21890262 0 507.36719688 227.14829428 507.36719688 507.36719688 0 275.50038771-219.53778634 499.6552147-493.160915 507.16424961L512 1019.36719688l-14.20628188-0.20294727C224.17058942 1011.6552147 4.63280312 787.50038771 4.63280312 512 4.63280312 231.78109738 231.78109738 4.63280312 512 4.63280312zM287.99738314 550.10327686H82.41219433a431.51580062 431.51580062 0 0 0 343.23390844 384.4828615 756.12933254 756.12933254 0 0 1-135.72072467-362.56459863l-1.92799496-21.91826287z m653.59042253 0h-205.48371458a756.12933254 756.12933254 0 0 1-137.64872079 384.58433456 431.6680108 431.6680108 0 0 0 341.76254393-370.98689449l1.36989144-13.59744007z m-281.79174131-0.05073713H364.25467278a680.02425307 680.02425307 0 0 0 126.84179833 345.41558778l12.43049712 16.64164326 8.47303177 10.65471113 8.47303177-10.65471113a679.77056988 679.77056988 0 0 0 137.24282747-339.32718022l2.08020512-22.73005082z m-234.25143466-460.68941402l-2.02946915 0.45663048a431.51580062 431.51580062 0 0 0-341.10296622 384.12770408h205.48371458a756.12933254 756.12933254 0 0 1 137.64872079-384.58433456zM512 101.184781l-8.47303177 10.65471112a679.3646765 679.3646765 0 0 0-139.37376968 362.15870525h295.59212867a680.02425307 680.02425307 0 0 0-126.84179833-345.46632488l-12.43049712-16.64164326L512 101.184781z m86.35389723-11.77091936l2.79051878 3.80525397a757.24554076 757.24554076 0 0 1 134.85820085 380.72834466h205.58518881a431.56653774 431.56653774 0 0 0-330.09309885-381.69234153l-13.14080959-2.8412571z" fill="#747C87"/></svg>

electron/render/tabs/assets/image/link/light_selected.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512 4.63280312c280.21890262 0 507.36719688 227.14829428 507.36719688 507.36719688 0 275.50038771-219.53778634 499.6552147-493.160915 507.16424961L512 1019.36719688l-14.20628188-0.20294727C224.17058942 1011.6552147 4.63280312 787.50038771 4.63280312 512 4.63280312 231.78109738 231.78109738 4.63280312 512 4.63280312zM287.99738314 550.10327686H82.41219433a431.51580062 431.51580062 0 0 0 343.23390844 384.4828615 756.12933254 756.12933254 0 0 1-135.72072467-362.56459863l-1.92799496-21.91826287z m653.59042253 0h-205.48371458a756.12933254 756.12933254 0 0 1-137.64872079 384.58433456 431.6680108 431.6680108 0 0 0 341.76254393-370.98689449l1.36989144-13.59744007z m-281.79174131-0.05073713H364.25467278a680.02425307 680.02425307 0 0 0 126.84179833 345.41558778l12.43049712 16.64164326 8.47303177 10.65471113 8.47303177-10.65471113a679.77056988 679.77056988 0 0 0 137.24282747-339.32718022l2.08020512-22.73005082z m-234.25143466-460.68941402l-2.02946915 0.45663048a431.51580062 431.51580062 0 0 0-341.10296622 384.12770408h205.48371458a756.12933254 756.12933254 0 0 1 137.64872079-384.58433456zM512 101.184781l-8.47303177 10.65471112a679.3646765 679.3646765 0 0 0-139.37376968 362.15870525h295.59212867a680.02425307 680.02425307 0 0 0-126.84179833-345.46632488l-12.43049712-16.64164326L512 101.184781z m86.35389723-11.77091936l2.79051878 3.80525397a757.24554076 757.24554076 0 0 1 134.85820085 380.72834466h205.58518881a431.56653774 431.56653774 0 0 0-330.09309885-381.69234153l-13.14080959-2.8412571z" fill="#000000"/></svg>

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 {

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 {

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 {