/**
* 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 */
$--color-primary: rgb(235, 90, 16);
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

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

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

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

/* 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;
}
.vxe-button.type--button.theme--primary:not(.is--disabled){
  background-color: $--color-primary;
  border-color: $--color-primary;
}
.vxe-table--render-default .vxe-cell--checkbox.is--checked .vxe-checkbox--icon{
  color: $--color-primary;
}
.vxe-button.type--button.theme--primary:not(.is--disabled):hover{
  background-color: $--color-primary;
  border-color: $--color-primary;
}
.vxe-button.type--button:not(.is--disabled):hover{
  color: $--color-primary;
}
.vxe-table-custom--checkbox-option.is--checked, .vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-table-custom--checkbox-option.is--indeterminate, .vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{
  color: $--color-primary;
}
.vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-left-option:hover, .vxe-table-custom--fixed-right-option.is--checked, .vxe-table-custom--fixed-right-option:hover{
  color: $--color-primary;
}
.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{
  color: $--color-primary;
}
.el-message--success{
  background-color: #ffffff;
  color: $--color-primary;
  border-color: transparent;
}
.el-message .el-icon-success{
  color: $--color-primary;
}
.el-message--success .el-message__content{
  color: $--color-primary;
}
.el-loading-spinner i{
  color: $--color-primary !important;
}
.vxe-loading>.vxe-loading--chunk, .vxe-loading>.vxe-loading--wrapper{
  color: $--color-primary;
}
#nprogress .bar {
  background: $--color-primary !important;
}
