admin/MaxKey
1
0
Fork 0
mirror of https://gitee.com/dromara/MaxKey.git synced 2025-12-07 17:38:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

管理控制台左侧菜单颜色优化

Browse Source
This commit is contained in:
MaxKey 2024-05-04 07:26:08 +08:00
parent 2ad791854f
commit bfa468c749
1 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
maxkey-web-frontend/maxkey-web-mgt-app/src/styles/theme.less
View File

@ -9,57 +9,66 @@
// @primary-color: #f50; // @primary-color: #f50;
@alain-default-header-hg: 52px; @alain-default-header-hg: 52px;
@alain-default-header-bg: #fff; @alain-default-header-bg: #fff;
@alain-default-aside-bg: @primary-color
.alain-default__nav-item, .alain-default__nav nz-badge { .alain-default__nav-item, .alain-default__nav nz-badge {
color: #212529; /*color: #212529;*/
} }
.alain-default__nav-item_title{ .alain-default__nav-item_title{
color: #212529; /*color: #212529;*/
} }
.alain-default__nav-item:hover { .alain-default__nav-item:hover {
color: #212529; color: black;
background-color: rgb(255 255 255 / 20%) !important; background-color: @primary-color !important;
} }
@alain-default-aside-bg: #212529; //@alain-default-aside-bg: #212529;
.alain-default__aside-user-info{ .alain-default__aside-user-info{
color: #fff; color: black;
} }
@alain-default-aside-nav-text-color:#fff; @alain-default-aside-nav-text-color:black;
@alain-default-aside-nav-text-hover-color: #fff; @alain-default-aside-nav-text-hover-color: black;
@alain-default-aside-nav-selected-text-color: #fff; @alain-default-aside-nav-selected-text-color: white;
.sidebar-nav .sidebar-nav__selected{ .sidebar-nav .sidebar-nav__selected{
color: #fff; color: black;
background: @primary-color background: @primary-color
}
.sidebar-nav__sub .sidebar-nav__item{
color: #000000a6;
}
.sidebar-nav__open > .sidebar-nav__sub {
background-color: #212529;
}
.sidebar-nav__sub .sidebar-nav__item:hover{
background: rgb(214 26 26 / 4%);
}
.sidebar-nav__item-link:hover {
color: #fff;
background-color: @primary-color
} }
.alain-default__nav-item_collapsed{ .sidebar-nav__sub .sidebar-nav__item{
color: white; color: #000000a6;
}
/** background-color: aliceblue */ .sidebar-nav__open > .sidebar-nav__sub {
/*background-color: black;*/
color: black;
background-color: #fff;
}
.sidebar-nav__sub .sidebar-nav__item:hover{
background: rgb(214 26 26 / 4%);
}
.sidebar-nav__item-link:hover {
color: yellow;
background-color: @primary-color
}
.sidebar-nav__selected > .sidebar-nav__item-link{
background-color: @primary-color
}
.alain-default__nav-item_collapsed{
color: black;
position: absolute;
left: 8px;
bottom: 0;
/** background-color: aliceblue */
} }
.grid-border{ .grid-border{
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
} }