82 lines
1.8 KiB
SCSS
82 lines
1.8 KiB
SCSS
/** Layout 相关 */
|
|
|
|
body {
|
|
background-color: $theme-bg-color;
|
|
}
|
|
|
|
#app {
|
|
color: $font-color;
|
|
// 右侧设置面板
|
|
.handle-button {
|
|
background-color: lighten($theme-bg-color, 20%) !important;
|
|
}
|
|
}
|
|
|
|
.app-wrapper {
|
|
// 侧边栏
|
|
.sidebar-container {
|
|
background-color: lighten($theme-bg-color, 2%);
|
|
.el-menu {
|
|
background-color: lighten($theme-bg-color, 2%) !important;
|
|
.el-menu-item {
|
|
background-color: lighten($theme-bg-color, 2%) !important;
|
|
&.is-active,
|
|
&:hover {
|
|
background-color: lighten($theme-bg-color, 6%) !important;
|
|
color: $active-font-color !important;
|
|
}
|
|
}
|
|
}
|
|
.el-sub-menu__title {
|
|
background-color: lighten($theme-bg-color, 2%) !important;
|
|
}
|
|
.el-sub-menu {
|
|
&.is-active {
|
|
> .el-sub-menu__title {
|
|
color: $active-font-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Header
|
|
.layout-header {
|
|
background-color: $theme-bg-color;
|
|
border-bottom: 1px solid lighten($theme-bg-color, 10%) !important;
|
|
}
|
|
|
|
// 顶部导航栏
|
|
.navigation-bar {
|
|
background-color: $theme-bg-color;
|
|
.right-menu {
|
|
.svg-icon {
|
|
color: $font-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
// TagsView
|
|
.tags-view-container {
|
|
background-color: $theme-bg-color !important;
|
|
.tags-view-item {
|
|
background-color: $theme-bg-color !important;
|
|
color: $font-color !important;
|
|
border: 1px solid $border-color !important;
|
|
&.active {
|
|
background-color: $theme-color !important;
|
|
color: $active-font-color !important;
|
|
border-color: $border-color !important;
|
|
}
|
|
}
|
|
// 右键菜单
|
|
.contextmenu {
|
|
background-color: lighten($theme-bg-color, 8%);
|
|
color: $font-color;
|
|
li:hover {
|
|
background-color: lighten($theme-bg-color, 16%);
|
|
color: $active-font-color;
|
|
}
|
|
}
|
|
}
|
|
}
|