From 1e69f006744401c07927efb76bccd88e93872191 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9C=B1=E6=94=BF=E6=9D=83?= <1978141412@qq.com> Date: Wed, 25 Sep 2024 19:26:19 +0800 Subject: [PATCH 1/2] =?UTF-8?q?style:=20=E6=B7=BB=E5=8A=A0=E8=92=99?= =?UTF-8?q?=E5=B1=82=E8=83=8C=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/web-theme/src/theme/theme/dark/dark-theme.scss | 2 +- .../src/theme/theme/default-dark/default-dark-theme.scss | 2 ++ packages/web-theme/src/theme/theme/default/default-theme.scss | 1 + 3 files changed, 4 insertions(+), 1 deletion(-) 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 e3513ea..7930316 100644 --- a/packages/web-theme/src/theme/theme/dark/dark-theme.scss +++ b/packages/web-theme/src/theme/theme/dark/dark-theme.scss @@ -268,7 +268,6 @@ #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 5)}), 1); // 链接颜色 - 已访问 #{getCssVarName(color, nav, bg)}:rgba(35 36 41 / 100%); // 导航背景色 #{getCssVarName(shadow, elevated)}: inset 0 0 0 1px rgba(255 255 255 / 10%), 0 4px 14px rgba(0 0 0 / 25%); // 用于toast, modal, popover等需要提升层级的界面元素 - #{getCssVarName(color, overlay, bg)}: rgba(22 22 26 / 60%); // 蒙层背景色 // 填充色 #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(white)}), .12); // 填充色 - 默认态 @@ -283,6 +282,7 @@ #{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, bg, overlay)}: rgba(22 22 26 / 60%); // 蒙层背景色 // 文本/图标颜色 #{getCssVarName(color, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}), 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 d051d4e..9590d9c 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 @@ -327,6 +327,8 @@ #{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, overlay)}: rgba(22 22 26 / 60%); // 蒙层背景色 // 填充色 #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(dark, purple, 4)}),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 81cbeae..b4a7015 100644 --- a/packages/web-theme/src/theme/theme/default/default-theme.scss +++ b/packages/web-theme/src/theme/theme/default/default-theme.scss @@ -316,6 +316,7 @@ #{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, overlay)}: rgba(var(#{getCssVarName(black)}),0.5); // 蒙层背景色 // 填充色 #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态 -- Gitee From 750813b5dcd469b47a183971af40e4a4a39c44ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9C=B1=E6=94=BF=E6=9D=83?= <1978141412@qq.com> Date: Wed, 25 Sep 2024 19:27:39 +0800 Subject: [PATCH 2/2] =?UTF-8?q?style:=20element=E7=BB=84=E4=BB=B6=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E8=B7=9F=E9=9A=8F=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/theme/generic/element-plus.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/packages/web-theme/src/theme/generic/element-plus.scss b/packages/web-theme/src/theme/generic/element-plus.scss index 3ccc547..fa879bf 100644 --- a/packages/web-theme/src/theme/generic/element-plus.scss +++ b/packages/web-theme/src/theme/generic/element-plus.scss @@ -20,6 +20,7 @@ --el-fill-color-blank: transparent; --el-fill-color-lighter: #{getCssVar(color, fill, 0)}; --el-border-color-darker: #{getCssVar(color, border)}; + --el-text-color-primary: #{getCssVar(color, text, 0)}; // 警告色替换 --el-color-info: #{getCssVar(color, text, 2)}; @@ -78,6 +79,8 @@ // 应用菜单 .el-menu { --el-menu-bg-color: transparent; + --el-menu-text-color: #{getCssVar('color', 'text', 0)}; + --el-menu-hover-bg-color: #{getCssVar('color', 'bg', 2)}; } // 下拉框 @@ -460,4 +463,18 @@ .el-input-group--prepend>.el-input__wrapper { border-top-left-radius: var(--el-input-border-radius); border-bottom-left-radius: var(--el-border-radius-base); +} + +.el-tabs { + .el-tabs__item { + color: getCssVar(color, text, 0); + } +} + +.el-message-box { + --el-messagebox-title-color: #{getCssVar(color, text, 0)}; +} + +.el-overlay { + --el-overlay-color-lighter: #{getCssVar(color, bg, overlay)}; } \ No newline at end of file -- Gitee