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 1010e58f5510b25942d378a31ad60c6c2d360b36..ceb0647e5c560b04d71da5948d8f4e05a093b96a 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
@@ -304,6 +304,10 @@
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
   #{getCssVarName(color, text, menu)}: rgba(28, 33, 38, 1); // 文本 - 特殊-菜单颜色
 
+  // 图标颜色
+  #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
+  #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
+
   // 链接颜色
   #{getCssVarName(color, link)}: rgba(0, 132, 255, 1); // 链接颜色
   #{getCssVarName(color, link, hover)}: rgba(46, 161, 255, 1); // 链接颜色 - 悬浮态
@@ -399,9 +403,9 @@
   @include b(panel-app-header) {
     #{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)}: rgba(232, 248, 255, 1);
     #{getCssVarName(color, primary, hover, text)}: rgba(0, 132, 255, 1);
-    #{getCssVarName(color, primary, active)}: rgba(232, 248, 255, 1);;
+    #{getCssVarName(color, primary, active)}: rgba(244, 246, 249, 1); ;
     #{getCssVarName(color, primary, active, text)}: rgba(0, 132, 255, 1);
     #{getCssVarName(color, bg, 5)}:rgba(255, 255, 255, 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 29bde06d1a6043ea558b69c702863f188e9e2124..b25601e13dbcd547bae12f43dbf2c8bbcb4b7935 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
@@ -316,6 +316,10 @@
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}),.35); // 文本/图标颜色 - 最次要
   #{getCssVarName(color, text, menu)}: rgba(var(#{getCssVarName(white)}), 1); // 文本 - 特殊-菜单颜色
 
+  // 图标颜色
+  #{getCssVarName(color, icon, 0)}: rgba(204,204,204,.6); // 图标颜色 - 最主要
+  #{getCssVarName(color, icon, 1)}: #37373d; // 图标颜色 - 稍次要
+    
   // 链接颜色
   #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 4)}),1); // 链接颜色
   #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 6)}),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 5d2f527dc916eff8dd8894099ed6a244d5d08b27..b34a716ebc968a89e58626dc68cbb47ede693a4e 100644
--- a/packages/web-theme/src/theme/theme/default/default-theme.scss
+++ b/packages/web-theme/src/theme/theme/default/default-theme.scss
@@ -304,6 +304,10 @@
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
   #{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
 
+  // 图标颜色
+  #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
+  #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
+  
   // 链接颜色
   #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
   #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 链接颜色 - 悬浮态