diff --git a/electron/electron.js b/electron/electron.js
index 3b54ecbbf..5c1277de2 100644
--- a/electron/electron.js
+++ b/electron/electron.js
@@ -294,6 +294,12 @@ function createWebTabWindow(args) {
             }, webPreferences),
         }, config))
 
+        if (nativeTheme.shouldUseDarkColors) {
+            webTabWindow.setBackgroundColor('#3B3B3D')
+        } else {
+            webTabWindow.setBackgroundColor('#EFF0F4')
+        }
+
         webTabWindow.on('resize', () => {
             resizeWebTab(0)
         })
@@ -425,6 +431,10 @@ function createWebTabWindow(args) {
             event: 'stop-loading',
             id: browserView.webContents.id,
         }).then(_ => { })
+        // 加载完成暗黑模式下把窗口背景色改成白色，避免透明网站背景色穿透
+        if (nativeTheme.shouldUseDarkColors) {
+            browserView.setBackgroundColor('#FFFFFF')
+        }
     })
     browserView.webContents.on('before-input-event', (event, input) => {
         if (utils.isMetaOrControl(input) && input.key.toLowerCase() === 'r') {
diff --git a/electron/package.json b/electron/package.json
index 9bdc02ff5..a4ff1b16d 100755
--- a/electron/package.json
+++ b/electron/package.json
@@ -26,14 +26,14 @@
         "url": "https://github.com/kuaifan/dootask.git"
     },
     "devDependencies": {
-        "@electron-forge/cli": "^7.3.0",
-        "@electron-forge/maker-deb": "^7.3.0",
-        "@electron-forge/maker-rpm": "^7.3.0",
-        "@electron-forge/maker-squirrel": "^7.3.0",
-        "@electron-forge/maker-zip": "^7.3.0",
+        "@electron-forge/cli": "^7.3.1",
+        "@electron-forge/maker-deb": "^7.3.1",
+        "@electron-forge/maker-rpm": "^7.3.1",
+        "@electron-forge/maker-squirrel": "^7.3.1",
+        "@electron-forge/maker-zip": "^7.3.1",
         "dotenv": "^16.3.1",
-        "electron": "^29.1.0",
-        "electron-builder": "^24.12.0",
+        "electron": "^29.2.0",
+        "electron-builder": "^24.13.3",
         "electron-notarize": "^1.2.2",
         "form-data": "^4.0.0",
         "ora": "^4.1.1"