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

/* 改变element组件主题色变量 ——*/
$--color-primary: #25b4be; /*主题颜色——#、#211bce;、*/ //#2662c9 //#006ced
$--color-primary-light: #247eeb; /*主题颜色——#、#211bce;、*/ //#2662c9
$--color-success: #02c82d; /*成功颜色——#67c23a*/
$--color-warning: #ff9c00; /*警告颜色——#e6a23c*/
$--color-danger: #ff3356; /*危险颜色——#f56c6c*/

$--background-color-base: #0e1522; /*基础背景色——#102449*/
// $--background-color-secondary: #092759; /*第二基础背景色——#092759*/
$--background-color-secondary: #123c58; /*第二基础背景色*/
$--background-color-secondary-light: #11397e; /*第二基础背景色——#092759*/
// $--light-border: #006ced; /*高亮边框色——#092759*/
$--light-light: #25b4be; /*高亮边框色*/
$--light-border: #25b4be; /*高亮边框色*/
$--light-active-border: #00ffea; /*顶部导航选中背景色*/
$--light-border-dark: #10c4b5; /*高亮边框色——#092759*/
// $--color-text: #d6e0ec;
$--color-text: #ccf2ff;
// $--color-text-dark: #b3b6b9;
$--color-text-dark: #99bbc7;

$--hover-bgcolor: #1d8694; /*鼠标经过的背景颜色*/
$--table-bgcolor: #0a2435; /* 分页背景颜色,表格下边框*/
$--table-title-bgcolor: #127785; /*表格头背景颜色*/
$--border-color-base: #dcdfe6; /*一级边框颜色——#dcdfe6*/

$--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: #e4e7ed; /*二级边框颜色——#e4e7ed*/
$--border-color-lighter: #ebeef5; /*三级边框颜色——#ebeef5*/
$--border-color-extra-light: #f2f6fc; /*四级边框颜色——#f2f6fc*/
$--color-white: #ffffff; /*基础白色——#FFFFFF*/
$--color-black: #000000; /*基础黑色——#000000*/

$--color-secondary: #dfebfc;
$--color-primary-light: #4d89f1; /* 菜单栏辅助色 */

/*  
  @author: LL
  @params: 样式修改
*/
$--font-color-white: #ffffff;  /*字体基础颜色*/
$--font-color-active: #626066;  /*字体选中颜色*/
$--tree-node-back-color: #00ffea;  /*导航选中颜色*/
/*  
  end
*/

/* 左侧树宽度设置 */
$--aside-width: 230px;
/* 自定义主题色变量 */
.primaryColor {
  background-color: $--color-primary;
}

//主要的一步：
:export {
  aside_width: $--aside-width;
}
$--light-bg: #ebeef5;
// 深色背景
$--dark-bg: #13213e;