8e1868d047
Former-commit-id: 99019c7349357c80c2f4c0009050e0b10188ad1d [formerly 99019c7349357c80c2f4c0009050e0b10188ad1d [formerly 99019c7349357c80c2f4c0009050e0b10188ad1d [formerly 99019c7349357c80c2f4c0009050e0b10188ad1d [formerly 84fbaed2aabc8b01167756d4699f252e7c42879c [formerly 66080f92db3772c5bd3a386e3a87621371a29bfe]]]]] Former-commit-id: fb02670140254bd2a7daf3b9390eb77cc27bd64d Former-commit-id: b0e5e3f5a34c53003e6df305fb9dd3ae71012154 Former-commit-id: 442824b2d29a025ac5c6cfd21e9dc94e76418507 [formerly 7c478f59795554d36498126909179a4a7dd2fb50] Former-commit-id: 90f8a46b9718b4231b3d0a44ab7fb2e9ecc55ad0 Former-commit-id: 4d727ed13ef148bff51f186b893eb5efc8578a98 Former-commit-id: 84349687c131e6f795d6add7cb965b5d986ff342 Former-commit-id: 26dd356ec7bdee47667d78d6180a596381372ff6 Former-commit-id: 946e2b2a0226949902236a4bc049732c65d32635
59 lines
2.4 KiB
SCSS
59 lines
2.4 KiB
SCSS
// 主题名称
|
|
$theme-name: 'd2';
|
|
// 主题背景颜色
|
|
$theme-bg-color: #ebf1f6;
|
|
// 主题背景图片遮罩
|
|
$theme-bg-mask: rgba(#000, 0);
|
|
|
|
// container组件
|
|
$theme-container-background-color: rgba(#FFF, 1);
|
|
$theme-container-header-footer-background-color: #FFF;
|
|
$theme-container-border-inner: 1px solid #cfd7e5;
|
|
$theme-container-border-outer: 1px solid #cfd7e5;
|
|
|
|
$theme-multiple-page-control-color: $color-text-normal;
|
|
$theme-multiple-page-control-color-active: #2f74ff;
|
|
$theme-multiple-page-control-nav-prev-color: #cfd7e5;
|
|
$theme-multiple-page-control-nav-next-color: #cfd7e5;
|
|
$theme-multiple-page-control-border-color: #cfd7e5;
|
|
$theme-multiple-page-control-border-color-active: #FFF;
|
|
$theme-multiple-page-control-background-color: #cfd7e5;
|
|
$theme-multiple-page-control-background-color-active: #FFF;
|
|
|
|
// 顶栏和侧边栏中展开的菜单 hover 状态下
|
|
$theme-menu-item-color-hover: #293849;
|
|
$theme-menu-item-background-color-hover: #ecf5ff;
|
|
|
|
// 顶栏上的文字颜色
|
|
$theme-header-item-color: $color-text-normal;
|
|
$theme-header-item-background-color: transparent;
|
|
// 顶栏上的项目在 hover 时
|
|
$theme-header-item-color-hover: #2f74ff;
|
|
$theme-header-item-background-color-hover: rgba(#FFF, .5);
|
|
// 顶栏上的项目在 focus 时
|
|
$theme-header-item-color-focus: #2f74ff;
|
|
$theme-header-item-background-color-focus: rgba(#FFF, .5);
|
|
// 顶栏上的项目在 active 时
|
|
$theme-header-item-color-active: #2f74ff;
|
|
$theme-header-item-background-color-active: rgba(#FFF, .5);
|
|
|
|
// 侧边栏上的文字颜色
|
|
$theme-aside-item-color: $color-text-normal;
|
|
$theme-aside-item-background-color: transparent;
|
|
// 侧边栏上的项目在 hover 时
|
|
$theme-aside-item-color-hover: #2f74ff;
|
|
$theme-aside-item-background-color-hover: rgba(#FFF, .5);
|
|
// 侧边栏上的项目在 focus 时
|
|
$theme-aside-item-color-focus: #2f74ff;
|
|
$theme-aside-item-background-color-focus: rgba(#FFF, .5);
|
|
// 侧边栏上的项目在 active 时
|
|
$theme-aside-item-color-active: #2f74ff;
|
|
$theme-aside-item-background-color-active: rgba(#FFF, .5);
|
|
|
|
// 侧边栏菜单为空的时候显示的元素
|
|
$theme-aside-menu-empty-icon-color: $color-text-normal;
|
|
$theme-aside-menu-empty-text-color: $color-text-normal;
|
|
$theme-aside-menu-empty-background-color: rgba(#000, .03);
|
|
$theme-aside-menu-empty-icon-color-hover: $color-text-main;
|
|
$theme-aside-menu-empty-text-color-hover: $color-text-main;
|
|
$theme-aside-menu-empty-background-color-hover: rgba(#000, .05); |