浪潮——客户 1.样式修改

gaoluyang

2026-05-16 89079cd6f458c06b014d2609dcded95600be30a9

 src/assets/styles/variables.module.scss

@@ -64,6 +64,7 @@
}

:root {
  --el-menu-bg-color: var(--sidebar-bg, #{$menuBg});
  --sidebar-bg: #{$menuBg};
  --sidebar-text: #{$menuText};
  --sidebar-muted: #93a0b1;
@@ -108,11 +109,7 @@
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;

  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #{$menuActiveText};
  /* 菜单栏背景色由 JS 动态设置，跟随主题色，不在这里定义 */

  --navbar-bg: #141414;
  --navbar-text: #ffffff;
@@ -139,12 +136,12 @@
  .sidebar-container {
    .el-menu-item,
    .menu-title {
      color: var(--el-text-color-regular);
      color: var(--sidebar-text, #{$menuText});
    }

    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
    & .theme-dark .el-sub-menu .el-menu-item {
      background-color: var(--el-bg-color) !important;
    & .nest-menu .el-sub-menu > .el-sub-menu__title,
    & .el-sub-menu .el-menu-item {
      background-color: var(--sidebar-bg, #{$menuBg}) !important;
    }
  }