/**
* 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: #2f5d8a;
$--color-success: #3f6b55;
$--color-warning: #a56a2a;
$--color-danger: #b55252;
$--color-info: #6c7a89;

$--button-font-weight: 400;

$--color-text-primary: #1f2d3d;
$--color-text-regular: #1f2d3d;
$--color-text-secondary: #5f6b7a;
$--color-text-placeholder: #8a97a6;

$--border-color-base: #d9e3ee;
$--border-color-light: #d9e3ee;
$--border-color-lighter: #e7edf5;
$--border-color-extra-light: #eef3f8;

$--table-border: 1px solid #d9e3ee;
$--background-color-base: #f4f7fb;
$--box-shadow-base: 0 8px 24px rgba(31, 45, 61, 0.08);
$--box-shadow-light: 0 8px 20px rgba(31, 45, 61, 0.06);

/* 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;
}
