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 bb8ff2bfec5cd946f5f7e2a27a52ab573a193553..e3513ea9e1c4f9a986d89c2c7e485c6492f27540 100644
--- a/packages/web-theme/src/theme/theme/dark/dark-theme.scss
+++ b/packages/web-theme/src/theme/theme/dark/dark-theme.scss
@@ -282,6 +282,7 @@
   #{getCssVarName(color, bg, 2)}: rgba(53 54 60 / 100%); // 背景色 - 中间层（模态等容器）
   #{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, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}), 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 004497d5418d0ed8e2fd01bf51b6d9b3826c82b1..81cbeae635f4c02cb36817f1f1298e9642fbc214 100644
--- a/packages/web-theme/src/theme/theme/default/default-theme.scss
+++ b/packages/web-theme/src/theme/theme/default/default-theme.scss
@@ -315,6 +315,7 @@
   #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 中间层（模态等容器）
   #{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, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态