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.
73 lines
2.2 KiB
73 lines
2.2 KiB
3 years ago
|
$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;
|