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

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

@@ -131,7 +131,7 @@ html.dark {
/* 侧边栏菜单覆盖 */
.sidebar-container {
.el-menu-item, .menu-title {
.el-menu-item:not(.is-active), .menu-title {
color: var(--el-text-color-regular);
}
& .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-item {
.el-menu-item, .el-sub-menu {
&:not(.is-disabled) {
&:hover,
&:focus {
background-color: var(--navbar-hover) !important;
.el-sub-menu__title {
background-color: var(--navbar-hover) !important;
}
}
}
}