64c7346603
Former-commit-id: c7dc167009c58183dfdb325e0ce4fde690e0daa7 [formerly c7dc167009c58183dfdb325e0ce4fde690e0daa7 [formerly c7dc167009c58183dfdb325e0ce4fde690e0daa7 [formerly c7dc167009c58183dfdb325e0ce4fde690e0daa7 [formerly 1fae0e34da1cb4b2a6fe0492e0ea1eeeaeead4d2 [formerly b024e0873cfbf09063238cedbe5e5e3ee904673b]]]]] Former-commit-id: 43da131f0ef3a91d54e8d72f4488a91b5b30658d Former-commit-id: fca886adb6bdb7e61314c716c0b12001409cc2fa Former-commit-id: 8b0b40064df45b1b5cf2bf87a908f913dff2c4e0 [formerly e55e8b77cbce48f9a97837d7b5c8e55ff007a1bd] Former-commit-id: 0e670837449c2f64ba5d26a5f76464032da2c047 Former-commit-id: 1bc5c979b1880f31ef5233375f16b85a0a114fda Former-commit-id: 18ef863434c273958b9de6d32d14cd563175e347 Former-commit-id: 8eeab13ebc8b216b94b957de9ead4ca156e6dedc Former-commit-id: 31264327150c3bbcde467c8477e4bf594030cc46
56 lines
2.3 KiB
SCSS
56 lines
2.3 KiB
SCSS
// 主题名称
|
|
$theme-name: 'line';
|
|
// 主题背景颜色
|
|
$theme-bg-color: #f8f8f9;
|
|
// 主题背景图片遮罩
|
|
$theme-bg-mask: rgba(#000, 0);
|
|
|
|
// container组件
|
|
$theme-container-background-color: rgba(#FFF, .8);
|
|
$theme-container-header-footer-background-color: #FFF;
|
|
$theme-container-border-inner: 1px solid $color-border-2;
|
|
$theme-container-border-outer: 1px solid $color-border-1;
|
|
$theme-multiple-page-control-color: #FFF;
|
|
$theme-multiple-page-control-color-active: $color-text-normal;
|
|
$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: #EFEFEF;
|
|
|
|
// 顶栏上的文字颜色
|
|
$theme-header-item-color: $color-text-normal;
|
|
$theme-header-item-background-color: transparent;
|
|
// 顶栏上的项目在 hover 时
|
|
$theme-header-item-color-hover: $color-text-main;
|
|
$theme-header-item-background-color-hover: rgba(#000, .02);
|
|
// 顶栏上的项目在 focus 时
|
|
$theme-header-item-color-focus: $color-text-main;
|
|
$theme-header-item-background-color-focus: rgba(#000, .02);
|
|
// 顶栏上的项目在 active 时
|
|
$theme-header-item-color-active: $color-text-main;
|
|
$theme-header-item-background-color-active: rgba(#000, .03);
|
|
|
|
// 侧边栏上的文字颜色
|
|
$theme-aside-item-color: $color-text-normal;
|
|
$theme-aside-item-background-color: transparent;
|
|
// 侧边栏上的项目在 hover 时
|
|
$theme-aside-item-color-hover: $color-text-main;
|
|
$theme-aside-item-background-color-hover: rgba(#000, .02);
|
|
// 侧边栏上的项目在 focus 时
|
|
$theme-aside-item-color-focus: $color-text-main;
|
|
$theme-aside-item-background-color-focus: rgba(#000, .02);
|
|
// 侧边栏上的项目在 active 时
|
|
$theme-aside-item-color-active: $color-text-main;
|
|
$theme-aside-item-background-color-active: rgba(#000, .03);
|
|
|
|
// 侧边栏菜单为空的时候显示的元素
|
|
$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); |