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 ceb0647e5c560b04d71da5948d8f4e05a093b96a..506823f2154701f47060be7dabda20003e5f902f 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 b25601e13dbcd547bae12f43dbf2c8bbcb4b7935..a5770d3c03d5de27199cc61db360d4e49d26a4da 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 b34a716ebc968a89e58626dc68cbb47ede693a4e..ce25261a3ce70e5e9ebbb5ab5efcdfd9b1aa0ba4 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 756fba59ef9f13773a705dcbcc7a68be2b59184e..7f05f8f270562b8081c5d58add619d6e2df46aef 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 5be1570adf27e0c1fedbb2af7d0eac31479f746f..d8e256a801ff7345ac5a2039faab666fdf1721df 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 734f44c5a55aa81c4064e795b344676176daa046..34f8627a283e8dae0a07b3a67e51f6720a0336d9 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); // 链接颜色 - 悬浮态