From d30fe6e8e160890d22dc682042ea41213cdd3c92 Mon Sep 17 00:00:00 2001
From: ShineKOT <1917095344@qq.com>
Date: Tue, 31 Dec 2024 14:43:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=20=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/theme/theme/default-blue/default-blue-theme.scss  | 4 ++--
 .../src/theme/theme/default-dark/default-dark-theme.scss  | 8 ++++----
 .../web-theme/src/theme/theme/default/default-theme.scss  | 1 +
 packages/web-theme/src/theme/theme/user1/user1-theme.scss | 5 +++++
 packages/web-theme/src/theme/theme/user2/user2-theme.scss | 5 +++++
 packages/web-theme/src/theme/theme/user3/user3-theme.scss | 5 +++++
 6 files changed, 22 insertions(+), 6 deletions(-)

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 ceb0647..506823f 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
@@ -302,6 +302,7 @@
   #{getCssVarName(color, text, 1)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgba(76, 90, 103, 0.8); // 文本色(特殊) - 应用搜索框使用
   #{getCssVarName(color, text, menu)}: rgba(28, 33, 38, 1); // 文本 - 特殊-菜单颜色
 
   // 图标颜色
@@ -320,7 +321,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, bg, 5)}: rgba(255, 255, 255, 1); // 背景色(特殊) - 应用搜索框使用
   #{getCssVarName(color, bg, overlay)}: rgba(var(#{getCssVarName(black)}),0.5);  // 蒙层背景色
 
   // 填充色
@@ -407,7 +408,6 @@
     #{getCssVarName(color, primary, hover, text)}: rgba(0, 132, 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);
   }
   @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 b25601e..a5770d3 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
@@ -314,6 +314,7 @@
   #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(dark, purple, 8)}),1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9)}),.6); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}),.35); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgba(255, 255, 255, 0.8); // 文本色(特殊) - 应用搜索框使用
   #{getCssVarName(color, text, menu)}: rgba(var(#{getCssVarName(white)}), 1); // 文本 - 特殊-菜单颜色
 
   // 图标颜色
@@ -332,7 +333,7 @@
   #{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, 5)}: rgba(204, 204, 204, .6); // 背景色(特殊) - 应用搜索框使用
   #{getCssVarName(color, bg, overlay)}: rgba(22 22 26 / 60%);  // 蒙层背景色
 
   // 填充色
@@ -413,12 +414,11 @@
 :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, 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 b34a716..ce25261 100644
--- a/packages/web-theme/src/theme/theme/default/default-theme.scss
+++ b/packages/web-theme/src/theme/theme/default/default-theme.scss
@@ -302,6 +302,7 @@
   #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
   #{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
 
   // 图标颜色
diff --git a/packages/web-theme/src/theme/theme/user1/user1-theme.scss b/packages/web-theme/src/theme/theme/user1/user1-theme.scss
index 756fba5..7f05f8f 100644
--- a/packages/web-theme/src/theme/theme/user1/user1-theme.scss
+++ b/packages/web-theme/src/theme/theme/user1/user1-theme.scss
@@ -302,8 +302,13 @@
   #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
   #{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); // 链接颜色 - 悬浮态
diff --git a/packages/web-theme/src/theme/theme/user2/user2-theme.scss b/packages/web-theme/src/theme/theme/user2/user2-theme.scss
index 5be1570..d8e256a 100644
--- a/packages/web-theme/src/theme/theme/user2/user2-theme.scss
+++ b/packages/web-theme/src/theme/theme/user2/user2-theme.scss
@@ -302,8 +302,13 @@
   #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
   #{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); // 链接颜色 - 悬浮态
diff --git a/packages/web-theme/src/theme/theme/user3/user3-theme.scss b/packages/web-theme/src/theme/theme/user3/user3-theme.scss
index 734f44c..34f8627 100644
--- a/packages/web-theme/src/theme/theme/user3/user3-theme.scss
+++ b/packages/web-theme/src/theme/theme/user3/user3-theme.scss
@@ -302,8 +302,13 @@
   #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
   #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
   #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
+  #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
   #{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); // 链接颜色 - 悬浮态
-- 
Gitee