diff --git a/packages/web-theme/src/theme/generic/element-plus.scss b/packages/web-theme/src/theme/generic/element-plus.scss
index 3ccc5474d0de934cd25cd1fe656139e1649fa327..fa879bfe175527b2638cb80cab714c6592941a26 100644
--- a/packages/web-theme/src/theme/generic/element-plus.scss
+++ b/packages/web-theme/src/theme/generic/element-plus.scss
@@ -20,6 +20,7 @@
   --el-fill-color-blank: transparent;
   --el-fill-color-lighter: #{getCssVar(color, fill, 0)};
   --el-border-color-darker: #{getCssVar(color, border)};
+  --el-text-color-primary: #{getCssVar(color, text, 0)};
 
   // 警告色替换
   --el-color-info: #{getCssVar(color, text, 2)};
@@ -78,6 +79,8 @@
 // 应用菜单
 .el-menu {
   --el-menu-bg-color: transparent;
+  --el-menu-text-color: #{getCssVar('color', 'text', 0)};
+  --el-menu-hover-bg-color: #{getCssVar('color', 'bg', 2)};
 }
 
 // 下拉框
@@ -460,4 +463,18 @@
 .el-input-group--prepend>.el-input__wrapper {
   border-top-left-radius: var(--el-input-border-radius);
   border-bottom-left-radius: var(--el-border-radius-base);
+}
+
+.el-tabs {
+  .el-tabs__item {
+    color: getCssVar(color, text, 0);
+  }
+}
+
+.el-message-box {
+  --el-messagebox-title-color: #{getCssVar(color, text, 0)};
+}
+
+.el-overlay {
+  --el-overlay-color-lighter: #{getCssVar(color, bg, overlay)};
 }
\ No newline at end of file
diff --git a/packages/web-theme/src/theme/theme/dark/dark-theme.scss b/packages/web-theme/src/theme/theme/dark/dark-theme.scss
index e3513ea9e1c4f9a986d89c2c7e485c6492f27540..7930316c8d6c7aba18872159bd9f1aafa0c193bc 100644
--- a/packages/web-theme/src/theme/theme/dark/dark-theme.scss
+++ b/packages/web-theme/src/theme/theme/dark/dark-theme.scss
@@ -268,7 +268,6 @@
   #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 5)}), 1); // 链接颜色 - 已访问
   #{getCssVarName(color, nav, bg)}:rgba(35 36 41 / 100%); // 导航背景色
   #{getCssVarName(shadow, elevated)}: inset 0 0 0 1px rgba(255 255 255 / 10%), 0 4px 14px rgba(0 0 0 / 25%); // 用于toast, modal, popover等需要提升层级的界面元素
-  #{getCssVarName(color, overlay, bg)}: rgba(22 22 26 / 60%);  // 蒙层背景色
 
   // 填充色
   #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(white)}), .12); // 填充色 - 默认态
@@ -283,6 +282,7 @@
   #{getCssVarName(color, bg, 3)}: rgba(67 68 74 / 100%); // 背景色 - 次上层（通知，Toast等）
   #{getCssVarName(color, bg, 4)}: rgba(79 81 89 / 100%); // 背景色 - 最上层（特殊）
   #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, 6)}), 0.6); // 背景色(特殊) - 应用搜索框使用
+  #{getCssVarName(color, bg, overlay)}: rgba(22 22 26 / 60%);  // 蒙层背景色
 
   // 文本/图标颜色
   #{getCssVarName(color, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}), 1); // 文本/图标颜色 - 最主要
diff --git a/packages/web-theme/src/theme/theme/default-dark/default-dark-theme.scss b/packages/web-theme/src/theme/theme/default-dark/default-dark-theme.scss
index d051d4e44cbd719fc74d648b071ce8aa75e59edf..9590d9c74ab4d403b73b130ab411aee64f64dac2 100644
--- a/packages/web-theme/src/theme/theme/default-dark/default-dark-theme.scss
+++ b/packages/web-theme/src/theme/theme/default-dark/default-dark-theme.scss
@@ -327,6 +327,8 @@
   #{getCssVarName(color, bg, 2)}: rgb(53 54 60 / 100%); // 背景色 - 中间层（模态等容器）
   #{getCssVarName(color, bg, 3)}: rgb(67 68 74 / 100%); // 背景色 - 次上层（通知，Toast等）
   #{getCssVarName(color, bg, 4)}: rgb(79 81 89 / 100%); // 背景色 - 最上层（特殊）
+  #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, 6)}), 0.6); // 背景色(特殊) - 应用搜索框使用
+  #{getCssVarName(color, bg, overlay)}: rgba(22 22 26 / 60%);  // 蒙层背景色
 
   // 填充色
   #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(dark, purple, 4)}),1); // 填充色 - 默认态
diff --git a/packages/web-theme/src/theme/theme/default/default-theme.scss b/packages/web-theme/src/theme/theme/default/default-theme.scss
index 81cbeae635f4c02cb36817f1f1298e9642fbc214..b4a7015efc1f65092558f5cb07263a3d657ba3a3 100644
--- a/packages/web-theme/src/theme/theme/default/default-theme.scss
+++ b/packages/web-theme/src/theme/theme/default/default-theme.scss
@@ -316,6 +316,7 @@
   #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次上层（通知，Toast等）
   #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最上层（特殊）
   #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),0.6); // 背景色(特殊) - 应用搜索框使用
+  #{getCssVarName(color, bg, overlay)}: rgba(var(#{getCssVarName(black)}),0.5);  // 蒙层背景色
 
   // 填充色
   #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态