Former-commit-id: f86bfe3545b73c3d36c515e05670ad634faf8466 [formerly f86bfe3545b73c3d36c515e05670ad634faf8466 [formerly f86bfe3545b73c3d36c515e05670ad634faf8466 [formerly f86bfe3545b73c3d36c515e05670ad634faf8466 [formerly 89528de438671732689e92934ec2ade9553d9ede [formerly d92e6d38f02a79f3d10872fdd69ab57d057ab98a]]]]] Former-commit-id: 9601235794926232aee7ba5ebddf50f0313d8866 Former-commit-id: 70e528edc666fd7b8eb2b31d574c136acdaae22b Former-commit-id: 067944588124b96c0e563ddd4ce033f9e6f4493f [formerly 32497a996aeb54998149ad68543d656af685af9d] Former-commit-id: 603dfd3910d1e387a2a3f5453ed6b04cfac45791 Former-commit-id: d57997923342d4e9a767053bf1cb2da355975210 Former-commit-id: b8fc752f4bb8907daf972f6757aa4d53f6794ec3 Former-commit-id: dc0e460b5c00a1f18b3c2e07bb98dc368d2999a4 Former-commit-id: 42c8f6122b3dd94e7c8f954d6634afac485f50f6
50 lines
2.0 KiB
SCSS
50 lines
2.0 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: rgba(#FFF, .6);
|
|
$theme-container-border-inner: 1px solid #cfd7e5;
|
|
$theme-container-border-outer: 1px solid #cfd7e5;
|
|
|
|
// 顶栏和侧边栏中展开的菜单 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); |