Browse Source

暗黑模式菜单效果优化

master
RuoYi 2 months ago
parent
commit
2a72074832
  1. 18
      src/assets/styles/variables.module.scss

18
src/assets/styles/variables.module.scss

@ -131,7 +131,7 @@ html.dark {
/* 侧边栏菜单覆盖 */ /* 侧边栏菜单覆盖 */
.sidebar-container { .sidebar-container {
.el-menu-item, .menu-title { .el-menu-item:not(.is-active), .menu-title {
color: var(--el-text-color-regular); color: var(--el-text-color-regular);
} }
& .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title, & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
@ -140,13 +140,27 @@ html.dark {
} }
} }
.topmenu-container {
.el-menu-item,
.el-sub-menu .el-sub-menu__title {
color: var(--el-text-color-regular) !important;
}
}
.topbar-menu.el-menu--horizontal > .el-sub-menu .el-sub-menu__title{
color: var(--el-text-color-regular) !important;
}
/* 顶部栏栏菜单覆盖 */ /* 顶部栏栏菜单覆盖 */
.el-menu--horizontal { .el-menu--horizontal {
.el-menu-item { .el-menu-item, .el-sub-menu {
&:not(.is-disabled) { &:not(.is-disabled) {
&:hover, &:hover,
&:focus { &:focus {
background-color: var(--navbar-hover) !important; background-color: var(--navbar-hover) !important;
.el-sub-menu__title {
background-color: var(--navbar-hover) !important;
}
} }
} }
} }

Loading…
Cancel
Save