LiJiaXin/hanjie_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暗黑浅色主题优化

Browse Source
This commit is contained in:
RuoYi
2026-03-25 10:02:58 +08:00
parent 46cbbb6bea
commit 58a9d61203
2 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/styles/sidebar.scss
View File

@@ -86,7 +86,7 @@
.sub-menu-title-noDropdown,
.el-sub-menu__title {
&:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
background-color: rgba(0, 0, 0, 0.06);
}
}
@@ -99,7 +99,7 @@
min-width: vars.$base-sidebar-width !important;
&:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
background-color: rgba(0, 0, 0, 0.06);
}
}
@@ -188,16 +188,16 @@
.el-menu-item:not(.is-active):hover,
.submenu-title-noDropdown:hover,
.el-sub-menu__title:hover {
background-color: #f5f7fa !important;
background-color: #f5f7fa;
color: rgba(0, 0, 0, 0.85) !important;
}
.nest-menu .el-sub-menu > .el-sub-menu__title,
.el-sub-menu .el-menu-item {
background-color: #fafafa !important;
background-color: #fafafa;
&:hover {
background-color: #f0f5ff !important;
background-color: #f0f5ff;
}
}
}

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

@@ -134,9 +134,36 @@ html.dark {
.el-menu-item:not(.is-active), .menu-title {
color: var(--el-text-color-regular);
}
& .el-menu .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
& .el-menu .theme-dark .el-sub-menu .el-menu-item,
& .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;
&:hover {
background-color: var(--menu-hover) !important;
}
}
&.theme-light {
border-right: none !important;
.el-menu-item,
.el-sub-menu__title {
color: var(--sidebar-text) !important;
}
.el-menu-item:not(.is-active):hover,
.submenu-title-noDropdown:hover,
.el-sub-menu__title:hover {
background-color: var(--menu-hover) !important;
}
.el-menu .nest-menu .el-sub-menu>.el-sub-menu__title,
.el-menu .el-sub-menu .el-menu-item,
.nest-menu .el-sub-menu>.el-sub-menu__title,
.el-sub-menu .el-menu-item {
background-color: var(--el-bg-color) !important;
&:hover {
background-color: var(--menu-hover) !important;
}
}
}
}