shangyun/Web/src/styles/variables.scss

$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;