
$--color-primary: #9b82e3 !default;

$--color-success: #67C23A !default;
$--color-warning: #E6A23C !default;
$--color-danger: #F56C6C !default;
$--color-info: #909399 !default;

$--color-text-primary: #303133 !default;
$--color-text-regular: #606266 !default;
$--color-text-secondary: #909399 !default;
$--color-text-placeholder: #C0C4CC !default;

$--border-color-base: #DCDFE6 !default;
$--border-color-light: #E4E7ED !default;
$--border-color-lighter: #EBEEF5 !default;
$--border-color-extra-light: #F2F6FC !default;

$--color-white: #FFFFFF !default;
$--color-black: #000000 !default;
$--background-color-base: #F5F5F5;

$--font-path: '~element-ui/lib/theme-chalk/fonts';

//customs
$--pane-background-color: mix($--background-color-base, $--color-black, 95%);
$--pane-border-color: mix($--background-color-base, $--color-black, 90%);

$block-border-blur-background-color: mix($--background-color-base, $--color-black, 60%);
$block-border-hover-background-color: mix($--color-primary, $block-border-blur-background-color, 40%);
$block-border-focus-background-color: $--color-primary;

$--design-border-color: $--color-primary;