You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.2 KiB
72 lines
2.2 KiB
$main-text-color: #000; |
|
$header-height: 52px; |
|
// Auxiliary color |
|
$info: #1fa3f6; |
|
$success: #28d445; |
|
$danger: #e70102; |
|
$alarm: #ffcc00; |
|
$warning: #ffcc00; |
|
$error: #e70102; |
|
|
|
// 品牌色 |
|
$primary: #2d8cf0; |
|
$primary-click: #2b85e4; |
|
$primary-hover: #5cadff; |
|
$primary-hover-dropdown: rgba($primary-hover, 0.2); |
|
$primary-disabled: #274d75; |
|
// 辅助色拓展 |
|
$danger-hover: #ff4d4e; |
|
$danger-active: #d40001; |
|
$menu-primary: #464c5b; // tab菜单主题色 |
|
// 图标颜色 |
|
$ic-white-normal: #fff; |
|
$ic-black-normal: #4e4e4e; |
|
$ic-hover: #a7a7a7; |
|
$ic-disabled: #5f5f5f; |
|
$ic-selected: #1088f2; |
|
// 中性色-黑 |
|
$dark-bg-light: #868688; // 背景色浅色 |
|
$dark-btn-hover: #5d5f61; // 按钮 hover 色 |
|
$dark-border: #4f4f4f; // 边框色 |
|
$dark-btn-disabled: #3c3c3c; // 按钮主色禁用 |
|
$dark-border-secondary: #393939; // 第二边框色 |
|
$dark-basic-primary: #232323; // 第一基础底色 |
|
$dark-basic-secondary: #282828; // 第二基础底色 |
|
$dark-highlight: #232323; // 高亮色 |
|
$dark-disable: #444444; // 置灰底色 |
|
$dark-project-disabled: #292929; |
|
// 中性色-白 |
|
$light-bg-primary: #fff; // 1 背景 |
|
$light-bg-secondary: #f7f9fa; // 2 背景 |
|
$light-divider: #e8eaec; // 3 分割线 |
|
$light-border: #dcdee2; // 4 边框 |
|
$light-disabled: #c5c8ce; // 5 失效 |
|
$light-auxiliary: #808695; // 6 辅助图标 |
|
$light-main-text: #515a6e; // 7 正文 ？用处 |
|
$light-title: #17233d; // 8 标题 ？用处 |
|
$light-bg-menu: #3b3e40; // 9 菜单栏背景色 ？用处 |
|
$light-border-secondary: #e8e8e8; // 第二边框色 |
|
|
|
// 字体 |
|
// 白色 |
|
$text-white-basic: #fff; // 基础色 |
|
$text-white-main: rgba($text-white-basic, 1); // 正文 |
|
$text-white-secondary: rgba($text-white-basic, 0.45); // 次级 |
|
$text-white-disabled: rgba($text-white-basic, 0.25); // 置灰 |
|
// 黑色 |
|
$text-black-basic: #000000; // 基础色 |
|
$text-black-emphasize: rgba($text-black-basic, 0.85); // 强调 |
|
$text-black-main: rgba($text-black-basic, 0.65); // 正文 |
|
$text-black-secondary: rgba($text-black-basic, 0.45); // 次要 |
|
$text-black-disabled: rgba($text-black-basic, 0.25); // 置灰 |
|
$text-link: $primary; |
|
$text-danger: $danger; |
|
// 标签 |
|
$tag-green: #19be6b; |
|
// 滚动条等颜色 |
|
$scroll-bar: #c5c8ce; |
|
$scroll-bar-dark: #5f5f5f; |
|
|
|
// 选择框 |
|
|
|
$select-disabled: #d8d8d8;
|
|
|