diff --git a/packages/web-theme/src/theme/theme/default-blue/default-blue-theme.scss b/packages/web-theme/src/theme/theme/default-blue/default-blue-theme.scss
index eb1ce2bfe7f1774abb05fb8226d04ccef68a9f6e..1010e58f5510b25942d378a31ad60c6c2d360b36 100644
--- a/packages/web-theme/src/theme/theme/default-blue/default-blue-theme.scss
+++ b/packages/web-theme/src/theme/theme/default-blue/default-blue-theme.scss
@@ -397,17 +397,13 @@
 // 主题下的区域性样式覆盖
 :root.blue {
   @include b(panel-app-header) {
-    #{getCssVarName(panel, app, header, color)}: rgba(0, 132, 255, 1);
-    #{getCssVarName(panel, app, header, bg-color)}: rgba(255, 255, 255, 1);
-    #{getCssVarName(panel, app, header, hover, bg-color)}: rgba(244, 246, 249, 1);
-    #{getCssVarName(panel, app, header, select, bg-color)}: rgba(232, 248, 255, 1);
-    #{getCssVarName(color, primary, text)}: rgba(28, 33, 38, 1);
-    .#{bem(control-appmenu)} {
-      color: rgba(28, 33, 38, 1);
-    }
-  }
-  @include b(panel-index-view-search) {
-    #{getCssVarName(panel, index-view, search, bg-color)}:rgba(255, 255, 255, 1);
+    #{getCssVarName(color, primary)}: rgba(255, 255, 255, 1);
+    #{getCssVarName(color, primary, text)}: rgba(0, 132, 255, 1);
+    #{getCssVarName(color, primary, hover)}: rgba(244, 246, 249, 1);
+    #{getCssVarName(color, primary, hover, text)}: rgba(0, 132, 255, 1);
+    #{getCssVarName(color, primary, active)}: rgba(232, 248, 255, 1);;
+    #{getCssVarName(color, primary, active, text)}: rgba(0, 132, 255, 1);
+    #{getCssVarName(color, bg, 5)}:rgba(255, 255, 255, 1);
   }
   @include b(control-grid) {
     #{getCssVarName(control, grid, header, text, color)}:rgba(28, 33, 38, 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 eaa42662ad63287d63b1846860717c0ec62fd985..29bde06d1a6043ea558b69c702863f188e9e2124 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
@@ -405,3 +405,16 @@
   #{getCssVarName('spacing', 'extra-loose')}: 32px;
   #{getCssVarName('spacing', 'super-loose')}: 40px;
 }
+
+:root.dark {
+  @include b(panel-app-header) {
+    #{getCssVarName(color, primary)}: rgb(28, 28, 28);
+    #{getCssVarName(color, text, menu)}: rgba(204,204,204,.6);
+    #{getCssVarName(color, primary, text)}: rgba(204,204,204,.6);
+    #{getCssVarName(color, primary, hover)}: #2a2d2e; 
+    #{getCssVarName(color, primary, hover, text)}: #fff;
+    #{getCssVarName(color, primary, active)}: #37373d;
+    #{getCssVarName(color, primary, active, text)}: #fff;
+    #{getCssVarName(color, bg, 5)}:rgba(204,204,204,.6);
+  }
+}
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 910fbaea41a728bf6fae329a80f258ffd7cd3962..566daa01b981e2122c19671b8532fab21e553f7a 100644
--- a/packages/web-theme/src/theme/theme/default/default-theme.scss
+++ b/packages/web-theme/src/theme/theme/default/default-theme.scss
@@ -396,13 +396,4 @@
 
 // 主题下的区域性样式覆盖
 
-:root.light {
-
-  @include b(panel-app-header) {
-    #{getCssVarName(grey, 9)}: 249, 249, 249;
-    #{getCssVarName(color, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}), 1); // 文本/图标颜色 - 最主要
-    #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 9)}), .8); // 文本/图标颜色 - 稍次要
-    #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9)}), .6); // 文本/图标颜色 - 次要
-    #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}), .35); // 文本/图标颜色 - 最次要
-  }
-}
+:root.light {}