cced216ec5
Former-commit-id: 713900a280ada9d2fa3c4d8e0867f81063d56dee [formerly 713900a280ada9d2fa3c4d8e0867f81063d56dee [formerly 713900a280ada9d2fa3c4d8e0867f81063d56dee [formerly 713900a280ada9d2fa3c4d8e0867f81063d56dee [formerly cede19252333f91ca9d344e5e1c2df4f32f4303d [formerly 5dc4a7965da71a1289ef649ddb77dadd3cf80e2d]]]]] Former-commit-id: c9b685a52bc23fdc5dc29970483718e7aec5a64c Former-commit-id: ae070ab11cda3313290e919aa2e6164b6df2f7ef Former-commit-id: 16ff34c417daf44835ec8c4d8aeaca2408de209f [formerly 612bac775c7863f471bb1f285eb5d2efbc6a600b] Former-commit-id: 1cddbc22a8e3c9be3584251fb42c1b716d71c59f Former-commit-id: 6968f43e94acdafaf09d128760cddb2691d9c249 Former-commit-id: 454538283fe058b37e3105ad77b6210c86ec1533 Former-commit-id: 8b324a5a0df3e58dacc26ed58826bba9122406fa Former-commit-id: 69de57771105f1c0d3250ed2c8d16f5a34be794b
50 lines
2.2 KiB
SCSS
50 lines
2.2 KiB
SCSS
// 主题名称
|
|
$theme-name: 'violet';
|
|
// 主题背景颜色
|
|
$theme-bg-color: #000;
|
|
// 主题背景图片遮罩
|
|
$theme-bg-mask: rgba(#000, 0);
|
|
|
|
// container组件
|
|
$theme-container-background-color: rgba(#FFF, 1);
|
|
$theme-container-header-footer-background-color: rgba(#FFF, .6);
|
|
$theme-container-border-inner: 1px solid $color-border-2;
|
|
$theme-container-border-outer: none;
|
|
|
|
// 顶栏和侧边栏中展开的菜单 hover 状态下
|
|
$theme-menu-item-color-hover: #293849;
|
|
$theme-menu-item-background-color-hover: #ecf5ff;
|
|
|
|
// 顶栏上的文字颜色
|
|
$theme-header-item-color: #FFF;
|
|
$theme-header-item-background-color: transparent;
|
|
// 顶栏上的项目在 hover 时
|
|
$theme-header-item-color-hover: #FFF;
|
|
$theme-header-item-background-color-hover: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%);
|
|
// 顶栏上的项目在 focus 时
|
|
$theme-header-item-color-focus: #FFF;
|
|
$theme-header-item-background-color-focus: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%);
|
|
// 顶栏上的项目在 active 时
|
|
$theme-header-item-color-active: #FFF;
|
|
$theme-header-item-background-color-active: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%);
|
|
|
|
// 侧边栏上的文字颜色
|
|
$theme-aside-item-color: #FFF;
|
|
$theme-aside-item-background-color: transparent;
|
|
// 侧边栏上的项目在 hover 时
|
|
$theme-aside-item-color-hover: #FFF;
|
|
$theme-aside-item-background-color-hover: linear-gradient(90deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.00) 100%);
|
|
// 侧边栏上的项目在 focus 时
|
|
$theme-aside-item-color-focus: #FFF;
|
|
$theme-aside-item-background-color-focus: linear-gradient(90deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.00) 100%);
|
|
// 侧边栏上的项目在 active 时
|
|
$theme-aside-item-color-active: #FFF;
|
|
$theme-aside-item-background-color-active: linear-gradient(90deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.00) 100%);
|
|
|
|
// 侧边栏菜单为空的时候显示的元素
|
|
$theme-aside-menu-empty-icon-color: #FFF;
|
|
$theme-aside-menu-empty-text-color: #FFF;
|
|
$theme-aside-menu-empty-background-color: rgba(#000, .1);
|
|
$theme-aside-menu-empty-icon-color-hover: #FFF;
|
|
$theme-aside-menu-empty-text-color-hover: #FFF;
|
|
$theme-aside-menu-empty-background-color-hover: rgba(#000, .15); |