xiaoyu
89 lines
2.2 KiB
SCSS
89 lines
2.2 KiB
SCSS
@import '../../style/themes/default.scss';
|
|
|
|
/* 暗色顶栏 */
|
|
.ele-admin-head-dark .ele-admin-header {
|
|
color: $--menu-dark-item-selected-color;
|
|
background: $--header-background;
|
|
box-shadow: $--header-dark-shadow;
|
|
|
|
.ele-admin-header-tool .ele-admin-header-tool-item:hover {
|
|
background: $--header-dark-tool-hover-bg;
|
|
}
|
|
|
|
.el-breadcrumb__inner,
|
|
.el-breadcrumb__inner a,
|
|
.el-breadcrumb__inner.is-link,
|
|
.el-breadcrumb__separator {
|
|
color: $--menu-dark-item-color;
|
|
}
|
|
|
|
.el-breadcrumb__inner a:hover,
|
|
.el-breadcrumb__inner.is-link:hover {
|
|
color: $--menu-dark-item-selected-color;
|
|
}
|
|
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
|
|
color: $--menu-dark-item-selected-color;
|
|
}
|
|
|
|
.el-dropdown {
|
|
color: $--menu-dark-item-selected-color;
|
|
}
|
|
|
|
// 主色顶栏
|
|
&.ele-admin-header-primary {
|
|
background-color: $--color-primary;
|
|
}
|
|
}
|
|
|
|
/* 暗色侧栏 */
|
|
.ele-admin-side-dark {
|
|
.ele-admin-logo {
|
|
color: $--logo-dark-color;
|
|
box-shadow: $--logo-dark-shadow;
|
|
background: $--sidebar-background-dark;
|
|
}
|
|
|
|
.ele-admin-sidebar {
|
|
box-shadow: $--sidebar-dark-shadow;
|
|
background: $--sidebar-background-dark;
|
|
}
|
|
|
|
&.ele-admin-side-mix {
|
|
&:not(.ele-admin-collapse) {
|
|
.ele-admin-logo,
|
|
.ele-admin-sidebar-nav {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.ele-admin-sidebar-nav {
|
|
background: $--sidebar-background-dark;
|
|
|
|
.ele-admin-sidebar-nav-menu > .el-scrollbar > .el-scrollbar__wrap {
|
|
& > .el-scrollbar__view > .el-menu.el-menu--collapse {
|
|
& > .el-menu-item:not(.is-active):hover,
|
|
& > .el-submenu:not(.is-active) > .el-submenu__title:hover {
|
|
background: $--header-dark-tool-hover-bg;
|
|
}
|
|
|
|
& > .el-submenu.is-active > .el-submenu__title {
|
|
background: $--color-primary;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ele-admin-sidebar-nav-tool-item {
|
|
color: $--menu-dark-item-color;
|
|
|
|
&:hover {
|
|
color: $--menu-dark-item-selected-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|