53 lines
1.6 KiB
SCSS
53 lines
1.6 KiB
SCSS
html.dark {
|
|
--menuBg: var(--el-bg-color-overlay);
|
|
--menuText: #fff;
|
|
--menuActiveText: var(--el-menu-active-color);
|
|
--menuHover: rgb(0 0 0 / 20%);
|
|
--subMenuBg: var(--el-menu-bg-color);
|
|
--subMenuActiveText: var(--el-menu-active-color);
|
|
--subMenuHover: rgb(0 0 0 / 20%);
|
|
|
|
// wang-editor toolbar
|
|
--w-e-toolbar-bg-color: var(--el-bg-color-overlay);
|
|
--w-e-toolbar-color: var(--el-text-color-regulary);
|
|
--w-e-toolbar-active-bg-color: var(--el-bg-color-page);
|
|
--w-e-toolbar-active-color: var(--el-color-info-dark-2);
|
|
--w-e-toolbar-disabled-color: var(--el-disabled-text-color);
|
|
--w-e-toolbar-border-color: var(--el-color-info-light-8);
|
|
|
|
// wang-editor textarea
|
|
--w-e-textarea-bg-color: var(--el-bg-color-overlay);
|
|
--w-e-textarea-color: var(--el-text-color-regulary);
|
|
--w-e-textarea-slight-border-color: var(--el-color-primary);
|
|
--w-e-textarea-slight-bg-color: rgb(var(--el-color-primary-rgb) 0.1);
|
|
--w-e-textarea-selected-border-color: var(--el-color-primary);
|
|
--w-e-textarea-border-color: var(--el-color-info-light-5);
|
|
|
|
// // wang-editor modal
|
|
--w-e-modal-button-bg-color: var(--el-button-bg-color);
|
|
--w-e-modal-button-border-color: var(--el-color-info-light-3);
|
|
|
|
.navbar {
|
|
background-color: var(--el-bg-color);
|
|
|
|
.setting-container .setting-item:hover {
|
|
background: var(--el-fill-color-light);
|
|
}
|
|
}
|
|
|
|
.right-panel-btn {
|
|
background-color: var(--el-color-primary-dark);
|
|
}
|
|
|
|
.svg-icon,
|
|
svg {
|
|
fill: var(--el-text-color-regular);
|
|
}
|
|
|
|
.sidebar-container {
|
|
.el-menu-item.is-active .svg-icon {
|
|
fill: var(--el-color-primary);
|
|
}
|
|
}
|
|
}
|