diff --git a/packages/studio-theme/src/theme/studio-dark/ctrl.scss b/packages/studio-theme/src/theme/studio-dark/ctrl.scss index 5531a11d9e33b0bed920afb19cff357738ac47cd..ada14987c5641a2c4e144ce36cc66bf45d49d96f 100644 --- a/packages/studio-theme/src/theme/studio-dark/ctrl.scss +++ b/packages/studio-theme/src/theme/studio-dark/ctrl.scss @@ -2,8 +2,11 @@ :root.studio_dark { // 菜单 @include b(control-appmenu) { - #{getCssVarName(control-appmenu, item-horizontal-font-size)}: getCssVar(font-size, regular); - #{getCssVarName(control-appmenu, item-horizontal-color)}: getCssVar(color, text, 0); + .el-menu { + #{getCssVarName(control-appmenu, item-horizontal-font-size)}: getCssVar(font-size, regular); + #{getCssVarName(control-appmenu, item-horizontal-color)}: getCssVar(color, text, 0); + #{getCssVarName(control-appmenu, item-selected-color)}: getCssVar(color, primary, text); + } } .el-menu--popup-container { diff --git a/packages/studio-theme/src/theme/studio-dark/theme.scss b/packages/studio-theme/src/theme/studio-dark/theme.scss index 5cf207bce8f73f1e8ba1ba45d8eb20e3533f8eac..238baa2fb6924b7d2d2106deccdf72eacff25985 100644 --- a/packages/studio-theme/src/theme/studio-dark/theme.scss +++ b/packages/studio-theme/src/theme/studio-dark/theme.scss @@ -285,6 +285,7 @@ #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(white)}), .12); // 填充色 - 默认态 #{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(white)}), .16); // 填充色 - 悬浮态 #{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(white)}), .20); // 填充色 - 激活态 + #{getCssVarName(color, scroll, menu)}: rgba(var(#{getCssVarName(white)}), .20); // 填充色 - 特殊-菜单滚动条颜色 // 背景色 #{getCssVarName(color, border)}: rgba(60 60 60 / 100%); // 背景色 - 最下层(底部页面) @@ -299,6 +300,7 @@ #{getCssVarName(color, text, 1)}: rgba(197 197 197 / 100%); // 文本/图标颜色 - 稍次要 #{getCssVarName(color, text, 2)}: rgba(204 204 204 / 60%); // 文本/图标颜色 - 次要 #{getCssVarName(color, text, 3)}: rgba(255 255 255 / 40%); // 文本/图标颜色 - 最次要 + #{getCssVarName(color, text, menu)}: rgba(204 204 204 / 60%); // 文本 - 特殊-菜单颜色 // 圆角 #{getCssVarName(border,radius,extra,small)}: 0; // 超小圆角,用于 checkbox 内圆角 diff --git a/packages/studio-theme/src/theme/studio-dark/tumps.scss b/packages/studio-theme/src/theme/studio-dark/tumps.scss index d040fb4f10f736767c76116b129f8558f69eac1c..9e5191504d1fb43b7acd116c9f8c3c3f6fbf2be2 100644 --- a/packages/studio-theme/src/theme/studio-dark/tumps.scss +++ b/packages/studio-theme/src/theme/studio-dark/tumps.scss @@ -4,12 +4,6 @@ #{getCssVarName(form-item-container, label-color)}: getCssVar(color, text, 0); #{getCssVarName(form-item-container, label-font-weight)}: bold; } - - // 应用头部 - @include b(panel-app-header) { - #{getCssVarName(panel-app-header, color)}: getCssVar(color, white); - #{getCssVarName(panel-app-header, horizontal-color)}: getCssVar(color, white); - } } // 暗色主题属性区