/**
|
* 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: #1890ff;
|
$--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 #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;
|
}
|
