// /**
// * I think element-ui's default theme color is too light for long-term use.
// * So I modified the default color and you can modify it to your liking.
// **/

// // /* theme color */
// // // #1890ff
// // $--color-primary: #6954f0;
// // //#13ce66
// // $--color-success: #13ce66;
// // // #ffba00
// // $--color-warning: #FFB65D;
// // // #ff4949
// // $--color-danger: #ff4d4f;
// // $--color-info: #C9CDD4;

// // $--button-font-weight: 400;

// $--border-radius: 2.5px;
// $--left-menu-width: 266px;
// $--color-transition: #1890ff;
// $--border-radius-base: 2.5px;
// $--color-info-lighter: #f4f4f5;
// $--color-info-light: #e9e9eb;
// $--color-error-lighter: #ffeded;
// $--color-error-light: #ffdbdc;
// $--color-error: #ff4d4f;
// $--color-danger-lighter: #ffeded;
// $--color-danger-light: #ffdbdc;
// $--color-danger: #ff4d4f;
// $--color-warning-lighter: #fff8e6;
// $--color-warning-light: #fff1cc;
// $--color-warning: #ffba00;
// $--color-success-lighter: #e7faf0;
// $--color-success-light: #d0f5e0;
// $--color-success: #13ce66;
// $--color-primary-light-9: #f0eefe;
// $--color-primary-light-8: #e1ddfc;
// $--color-primary-light-7: #d2ccfb;
// $--color-primary-light-6: #c3bbf9;
// $--color-primary-light-5: #b4aaf8;
// $--color-primary-light-4: #a598f6;
// $--color-primary-light-3: #9687f5;
// $--color-primary-light-2: #8776f3;
// $--color-primary-light-1: #7865f2;
// $--color-primary: #6954f0;
// $--color-black: #515a6e;
// $--color-grey: rgba(0, 0, 0, 0.65);

// // $--color-text-regular: #1f2d3d;

// $--border-color-light: #dfe4ed;
// $--border-color-lighter: #e6ebf5;

// $--table-border: 1px solid #dfe6ec;

// /* icon font path, required */
// $--font-path: "~element-ui/lib/theme-chalk/fonts";

// @import "~element-ui/packages/theme-chalk/src/index";

// // the :export directive is the magic sauce for webpack
// // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
// :export {
//   theme: $--color-primary;
// }


/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

// /* theme color */
// // #1890ff
// $--color-primary: #6954f0;
// //#13ce66
// $--color-success: #13ce66;
// // #ffba00
// $--color-warning: #FFB65D;
// // #ff4949
// $--color-danger: #ff4d4f;
// $--color-info: #C9CDD4;

// $--button-font-weight: 400;

$--border-radius: 2.5px;
$--left-menu-width: 266px;
$--color-transition: #1890ff;
$--border-radius-base: 2.5px;
$--color-info-lighter: #f4f4f5;
$--color-info-light: #e9e9eb;
$--color-error-lighter: #ffeded;
$--color-error-light: #ffdbdc;
$--color-error: #ff4d4f;
$--color-danger-lighter: #ffeded;
$--color-danger-light: #ffdbdc;
$--color-danger: #ff4d4f;
$--color-warning-lighter: #fff8e6;
$--color-warning-light: #fff1cc;
$--color-warning: #ffba00;
$--color-success-lighter: #e7faf0;
$--color-success-light: #d0f5e0;
$--color-success: #13ce66;
$--color-primary-light-9: #ecf5ff;
$--color-primary-light-8: #e1ddfc;
$--color-primary-light-7: #d2ccfb;
$--color-primary-light-6: #c3bbf9;
$--color-primary-light-5: #b4aaf8;
$--color-primary-light-4: #a598f6;
$--color-primary-light-3: #9687f5;
$--color-primary-light-2: #409eff;
$--color-primary-light-1: #7865f2;
$--color-primary: #409EFF;
$--color-black: #515a6e;
$--color-grey: rgba(0, 0, 0, 0.65);

#app .sidebar-container{
  background:  linear-gradient(270deg,#ff8c1f,#ff6a00)!important;
}

// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border: 1px solid #dfe6ec;

/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
