@import '~vxe-table/styles/variable.scss';
// 基础变量 -------------------------------
$--sm: 768px !default;
$--md: 992px !default;
$--lg: 1200px !default;
$--xl: 1920px !default;

$primary-color: #0068C8 !default;
$color-black: #000 !default;
$border-color: #BBC5D9 !default;
$table-header-icon-active: $color-black !default;
$table-header-icon: #999 !default;
$table-header-background-color: #E1E7F1 !default;
$table-current-row-background-dark-color: #C9D1E1 !default;
$required-color: #fff2f2;
$required-border-color: #f3dcdc;
// 重写element ui的属性
$--font-size-base: 12px !default;
//$--input-mini-height: 22px !default;
$--dialog-padding-primary: 15px !default;
$--color-primary: $primary-color !default;
$--color-success: #42B983 !default;
$--color-warning: #FF954F !default;
$--color-danger: #F56C6C !default;
$--color-text-placeholder: #64666D !default;
$--color-text-primary: $color-black !default;
$--color-text-regular: $color-black !default;
$--color-text-secondary: $color-black !default;
$--border-color-base: $border-color !default;
$--border-color-light: $border-color !default;
$--border-color-lighter: $border-color !default;
$--border-color-extra-light: $border-color !default;

// x-icon 组件
$--x-icon-split: 5px !default;
$--x-icon-size-default: 32px !default;
$--x-icon-size-large: 32px !default;
$--x-icon-size-small: 20px !default;
$--x-icon-size-mini: 14px !default;
$--x-icon-color-primary: $--color-primary !default;
$--x-icon-color-success: $--color-success !default;
$--x-icon-color-warning: $--color-warning !default;
$--x-icon-color-danger: $--color-danger !default;
$--x-icon-pointer-opacity: 0.8 !default;

// x-form-item
$--x-form-item-invalid-color: $--color-danger !default;
$--x-form-item-tooltip-background: $--color-danger !default;
$--x-form-item-margin-bottom: 4px !default;
$--x-form-item-required-background: #fff2f2 !default;
$--x-form-item-required-border-color: #f3dcdc !default;

// x-admin 组件  -------------------------------
$--x-admin-primary: #0068C8 !default;
$--x-admin-primary-light: #1890FF !default;
$--x-admin-background: #f1f2f5 !default;
$--x-admin-color: rgba(255, 255, 255, 0.9) !default;
$--x-admin-color-light: rgba(255, 255, 255, 0.8) !default;
$--x-admin-color-placeholder: rgba(255, 255, 255, 0.3) !default;
$--x-admin-main-background: #fff !default;
$--x-admin-tab-border: #BBC5D9 !default;
$--x-admin-tab-color: #3d4d57 !default;
$--x-admin-tab-background: #ddecf6 !default;
$--x-admin-warning: #FFD050 !default;
$--x-admin-theme-blue-primary: $--x-admin-primary !default;
$--x-admin-theme-grey-primary: #303255 !default;

// x-dialog 组件
$--x-dialog-primary: #0068C8 !default;
$--x-dialog-lighter: #1977cd !default;

// x-login 组件
$--x-login-primary-color: $--color-primary !default;
$--x-login-primary-color-light: #1989fa !default;
$--x-login-border-radius: 8px !default;
$--x-login-split: 10px !default;
$--x-login-padding: 28px !default;
$--x-login-tab-color: #999 !default;
$--x-login-tab-active-color: #333 !default;
$--x-login-input-focus-color: #bcc2ce !default;
$--x-login-split-color: #EBEEF5 !default;

// x-system
$--x-system-header-background: #001529 !default;
$--x-system-header-color: rgba(255, 255, 255, 0.9) !default;
$--x-system-header-height: 50px !default;


// x-menu
$--x-menu-dark-background: #001529 !default;
$--x-menu-dark-color: rgba(255, 255, 255, 0.65) !default;
$--x-menu-dark-hover-background: #01101f !default;
$--x-menu-dark-hover-color: rgba(255, 255, 255, 0.9) !default;
$--x-menu-dark-active-background: #1890ff !default;
$--x-menu-dark-active-color: #fff !default;
$--x-menu-dark-open-background: #081a38 !default;

$--x-menu-dim-background: #0068c8 !default;
$--x-menu-dim-color: rgba(255, 255, 255, 1) !default;
$--x-menu-dim-hover-background: #1890ff !default;
$--x-menu-dim-hover-color: rgba(255, 255, 255, 1) !default;
$--x-menu-dim-active-background: #1890ff !default;
$--x-menu-dim-active-color: #fff !default;
$--x-menu-dim-open-background: rgba(255, 255, 255, 0) !default;

$--x-menu-grey-background: #303255 !default;
$--x-menu-grey-color: rgba(255, 255, 255, 1) !default;
$--x-menu-grey-hover-background: #444666 !default;
$--x-menu-grey-hover-color: rgba(255, 255, 255, 1) !default;
$--x-menu-grey-active-background: #595b77 !default;
$--x-menu-grey-active-color: #fff !default;
$--x-menu-grey-open-background: rgba(255, 255, 255, 0) !default;


// x-system-page
$--x-system-page-title-color: $--color-primary !default;

// x-result
$--x-result-title-color: rgba(0, 0, 0, 0.9) !default;
$--x-result-title-font-size: 30px !default;
$--x-result-subtitle-color: rgba(0, 0, 0, 0.7) !default;
$--x-result-subtitle-font-size: 16px !default;
$--x-result-content-background: rgba(0, 0, 0, 0.05) !default;

// 重写vxe-table的属性
$vxe-font-size: 12px;
$vxe-primary-color: $primary-color;
$vxe-font-color: $color-black;
$vxe-table-row-height-mini: 30px;
$vxe-table-header-background-color: $table-header-background-color;
$vxe-table-cell-input-height-mini: $vxe-table-row-height-mini - 2;
$vxe-table-border-color: $border-color;
$vxe-table-column-icon-border-color: $table-header-icon;
$vxe-table-column-icon-border-hover-color: $color-black;
$vxe-table-row-hover-background-color: $table-current-row-background-dark-color;
$vxe-table-row-current-background-color: $table-current-row-background-dark-color;
$vxe-table-row-hover-current-background-color: $table-current-row-background-dark-color;
$vxe-table-row-hover-radio-background-color: $table-current-row-background-dark-color;
$vxe-table-row-hover-radio-checked-background-color: $table-current-row-background-dark-color;
$vxe-table-row-hover-checkbox-checked-background-color: $table-current-row-background-dark-color;
$vxe-table-row-checkbox-checked-background-color: $table-current-row-background-dark-color;

// 局部修改变量
/*

*/

@import "~element-ui/packages/theme-chalk/src/common/var.scss";
/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
//@import "~element-ui/packages/theme-chalk/src/index";