From 54873a23b55e82f0b75faae506139036378bf95e Mon Sep 17 00:00:00 2001 From: ShineKOT <1917095344@qq.com> Date: Thu, 26 Dec 2024 20:13:48 +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 --- .../theme/default-blue/default-blue-theme.scss | 18 +++++++----------- .../theme/default-dark/default-dark-theme.scss | 13 +++++++++++++ .../src/theme/theme/default/default-theme.scss | 11 +---------- 3 files changed, 21 insertions(+), 21 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 eb1ce2b..1010e58 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 eaa4266..29bde06 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 910fbae..566daa0 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 {} -- Gitee