/* 改变系统主题色变量 ——*/
$--theme-color: #211bce; /*主题颜色（即首页导航栏颜色）——#2761ff*/
$--theme-color-active: #211bce; /*首页导航栏颜色鼠标悬停到某一个菜单时的颜色——#1F4ECC*/

/* 改变element组件主题色变量 ——*/
$--color-primary: #43a1ff; /*主题颜色——#、#211bce;、*/
$--color-success: #67c23a; /*成功颜色——#67c23a*/
$--color-warning: #e6a23c; /*警告颜色——#e6a23c*/
$--color-danger: #f56c6c; /*危险颜色——#f56c6c*/
$--color-error: #f56c6c; /*危险颜色——#f56c6c*/
$--color-info: #909399; /*信息颜色——#909399*/
$--color-text-primary: #303133; /*主要文字颜色——#303133*/
$--color-text-regular: #606266; /*常规文字颜色——#606266*/
$--color-text-secondary: #909399; /*次要文字颜色——#909399*/
$--color-text-placeholder: #c0c4cc; /*占位文字颜色——#c0c4cc*/
$--border-color-base: #dcdfe6; /*一级边框颜色——#dcdfe6*/
$--border-color-light: rgba($--color-primary, 0.3); /*二级边框颜色——#e4e7ed*/
$--border-color-lighter: #ebeef5; /*三级边框颜色——#ebeef5*/
$--border-color-extra-light: #f2f6fc; /*四级边框颜色——#f2f6fc*/
$--color-white: #f0f0f0; /*基础白色——#FFFFFF*/
$--color-black: #000000; /*基础黑色——#000000*/
$--background-color-base: #f5f7fa; /*基础背景色——#F5F7FA*/
$--background-color-secondary: #f0f2f5; /*第二基础背景色——#F0F2F5*/
$--color-secondary: #dfebfc;
$--color-primary-light: #4d89f1; /* 菜单栏辅助色 */
$--svg-monochrome-grey: red;

/* 左侧树宽度设置 */
$--aside-width: 230px;

// ------navigator-----------
$--navigator-main-color: #fff;
$--navigator-main-text-color: #393a40;
$--navigator-text-color: #565656;
$--navigator-text-size: 18px;

// -----menu------------
$--menu-bg: #393a40;
$--menu-active: #616166;
$--menu-hover: #2e2e33;
$--menu-text: #E5EAF3;
$--menu-icon: #909399;

// 系统
$--system-background-color: #0f304f;
$--system-module-color1: #114066;
$--system-table-text-color: mix($--color-white, $--system-background-color, 80%);
$--system-module-color2: mix($--color-black, $--system-module-color1, 5%);
$--system-module-color3: mix($--color-black, $--system-module-color1, 8%);
$--system-hover-active-text: $--color-primary;
$--system-active-bgColor: mix($--color-black, $--system-module-color1, 25%);
$--system-input-bgColor: $--system-module-color1;
$--system-disabled-bgColor: mix($--color-white, $--system-module-color1, 13%);
$--system-input-disabled-bgColor: $--system-disabled-bgColor;
$--system-border-color1: $--system-hover-active-text;
$--system-border-color2: rgba($--system-hover-active-text, 0.5);
$--system-border-color3: rgba($--system-hover-active-text, 0.3);
$--system-border-color4: mix($--color-white, $--system-hover-active-text, 40%);
$--system-border-color5: mix($--color-success, $--system-hover-active-text, 25%);
$--system-border-color6: rgba(mix(darken($--color-success, 10%), darken($--system-hover-active-text, 2%), 25%), 0.45);
$--system-box-color1: mix($--color-black, $--system-module-color1, 20%);
$--system-box-color2: mix($--color-black, $--system-module-color1, 40%);
$--system-box-color3: mix($--color-black, $--system-module-color1, 30%);
$--system-box-color4: mix($--color-white, $--system-module-color1, 15%);
$--system-box-color5: mix($--color-white, $--system-module-color1, 8%);
$--system-box-color6: mix($--color-black, $--system-module-color1, 10%);
$--system-box-shadow1: 0 2px 12px 0 rgba($--color-black, 0.15);

:export {
  aside_width: $--aside-width;
  color_primary: $--color-primary;
  color_success: $--color-success;
  color_warning: $--color-warning;
  color_danger: $--color-danger;
}