ruoyi/RuoYi-Vue3
1
0
Fork 1
mirror of https://github.com/yangzongzhuan/RuoYi-Vue3.git synced 2026-01-13 12:34:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

暗黑模式菜单效果优化

Browse Source
This commit is contained in:
RuoYi
2026-01-05 16:21:45 +08:00
parent 577376c807
commit 2a72074832
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/assets/styles/variables.module.scss
View File

@@ -130,8 +130,8 @@ html.dark {
--splitpanes-default-bg: #141414; --splitpanes-default-bg: #141414;
/* 侧边栏菜单覆盖 */ /* 侧边栏菜单覆盖 */
.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;
}
} }
} }
} }