Former-commit-id: 76806845c40e10aa0a2ab0796c782a99ab8a4b44 [formerly 3a77952a75d9a257a1b40befdfa5d52ebccd2fc0] [formerly 76806845c40e10aa0a2ab0796c782a99ab8a4b44 [formerly 3a77952a75d9a257a1b40befdfa5d52ebccd2fc0] [formerly 76806845c40e10aa0a2ab0796c782a99ab8a4b44 [formerly 3a77952a75d9a257a1b40befdfa5d52ebccd2fc0] [formerly 3a77952a75d9a257a1b40befdfa5d52ebccd2fc0 [formerly 4883743b90443196942de10c1c9bf3c8dd50d5e8 [formerly 6d1f870637fa1e2b0e37389893b0c1b9f424ef3a]]]]] Former-commit-id: d0349d72df65db504a5d91e27b9b924f1d93bb09 Former-commit-id: 33cab27531ad14cd435418e9db30840f278b9435 Former-commit-id: 700c39ffcd7fc1edc0dd8faa515cdf765e685069 [formerly 395d83db93d411e9b985cbabbb943b8b12751631] Former-commit-id: 2a4e5491304fb94e68d8bb650cc38485bfe80eb3 Former-commit-id: acccf1da2e86a4f96b32034a86ca90a7d6a0d68f Former-commit-id: e0a8b6b17c40b2d24d877e7ccb9cd678f578c068 Former-commit-id: cba434c6926224844e3e5497db251b3cf0a3f0ed Former-commit-id: 994c026387cda23614ec017c0eb9292ee78b2c94
52 lines
2.1 KiB
SCSS
52 lines
2.1 KiB
SCSS
// 主题名称
|
|
$theme-name: 'line';
|
|
// 主题背景颜色
|
|
$theme-bg-color: #f8f8f9;
|
|
// 主题背景图片
|
|
$theme-bg-image: url('/static/image/bg/line-squashed.jpg');
|
|
// 主题背景图片遮罩
|
|
$theme-bg-mask: rgba(#000, 0);
|
|
|
|
// container组件
|
|
$theme-container-background-color: rgba(#FFF, .8);
|
|
$theme-container-header-footer-background-color: rgba(#FFF, .6);
|
|
$theme-container-border-inner: 1px solid $color-border-2;
|
|
$theme-container-border-outer: 1px solid $color-border-1;
|
|
|
|
// 顶栏和侧边栏中展开的菜单 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); |