9b1fe4cae8
Former-commit-id: 69e5e4092b151379d27aa2eccde1255672277fb8 [formerly 69e5e4092b151379d27aa2eccde1255672277fb8 [formerly 69e5e4092b151379d27aa2eccde1255672277fb8 [formerly 69e5e4092b151379d27aa2eccde1255672277fb8 [formerly b70254441d8a42159229d3a1ffb6337a4904ce87 [formerly 218fe905d457ba3c6d7f48ceda77fbd38a6341ce]]]]] Former-commit-id: 185cbeff13a282fadbf959c1227927501f39a728 Former-commit-id: 5740a528b4627568a348f2d3b59528a16c7a6f34 Former-commit-id: 771cc66a523221c6ee2b0279a0819caab64b2f53 [formerly c7def5344c50d8edf8a3b41a2dbc1305445282f2] Former-commit-id: 3a9c6a8dd6b4399b04be05749d21692bff9ddc33 Former-commit-id: 6a4677e1001a6ec39cd7e5e051eaee1b1bf85ae1 Former-commit-id: 553208b3aaf49b39a63f495eec7097f9efcb2bd5 Former-commit-id: 1887cc7586fb947dd9f8815e61e6abd349bbdb4b Former-commit-id: 0ba5ab3302ce4540b3706a32178e515ba9053536
50 lines
1.8 KiB
SCSS
50 lines
1.8 KiB
SCSS
// 主题名称
|
|
$theme-name: 'tomorrow-night-blue';
|
|
// 主题背景颜色
|
|
$theme-bg-color: #002253;
|
|
// 主题背景图片遮罩
|
|
$theme-bg-mask: rgba(#000, 0);
|
|
|
|
// container组件
|
|
$theme-container-background-color: #FFF;
|
|
$theme-container-header-footer-background-color: #FFF;
|
|
$theme-container-border-inner: 1px solid $color-border-1;
|
|
$theme-container-border-outer: none;
|
|
|
|
// 顶栏和侧边栏中展开的菜单 hover 状态下
|
|
$theme-menu-item-color-hover: #293849;
|
|
$theme-menu-item-background-color-hover: #ecf5ff;
|
|
|
|
// 顶栏上的文字颜色
|
|
$theme-header-item-color: #FF929A;
|
|
$theme-header-item-background-color: transparent;
|
|
// 顶栏上的项目在 hover 时
|
|
$theme-header-item-color-hover: #FFEBA4;
|
|
$theme-header-item-background-color-hover: #00162D;
|
|
// 顶栏上的项目在 focus 时
|
|
$theme-header-item-color-focus: #FFB870;
|
|
$theme-header-item-background-color-focus: #00162D;
|
|
// 顶栏上的项目在 active 时
|
|
$theme-header-item-color-active: #FFB870;
|
|
$theme-header-item-background-color-active: #00162D;
|
|
|
|
// 侧边栏上的文字颜色
|
|
$theme-aside-item-color: #FF929A;
|
|
$theme-aside-item-background-color: transparent;
|
|
// 侧边栏上的项目在 hover 时
|
|
$theme-aside-item-color-hover: #FFEBA4;
|
|
$theme-aside-item-background-color-hover: #00162D;
|
|
// 侧边栏上的项目在 focus 时
|
|
$theme-aside-item-color-focus: #FFB870;
|
|
$theme-aside-item-background-color-focus: #00162D;
|
|
// 侧边栏上的项目在 active 时
|
|
$theme-aside-item-color-active: #FFB870;
|
|
$theme-aside-item-background-color-active: #00162D;
|
|
|
|
// 侧边栏菜单为空的时候显示的元素
|
|
$theme-aside-menu-empty-icon-color: #FFB870;
|
|
$theme-aside-menu-empty-text-color: #FFB870;
|
|
$theme-aside-menu-empty-background-color: rgba(#FFF, .1);
|
|
$theme-aside-menu-empty-icon-color-hover: #FFEBA4;
|
|
$theme-aside-menu-empty-text-color-hover: #FFEBA4;
|
|
$theme-aside-menu-empty-background-color-hover: rgba(#FFF, .2); |