提交 | 用户 | age
|
2a61f6
|
1 |
/** |
L |
2 |
* I think element-ui's default theme color is too light for long-term use. |
|
3 |
* So I modified the default color and you can modify it to your liking. |
|
4 |
**/ |
|
5 |
|
|
6 |
/* theme color */ |
|
7 |
$--color-primary: #1890ff; |
|
8 |
$--color-success: #13ce66; |
|
9 |
$--color-warning: #ffba00; |
|
10 |
$--color-danger: #ff4949; |
|
11 |
// $--color-info: #1E1E1E; |
|
12 |
|
|
13 |
$--button-font-weight: 400; |
|
14 |
|
|
15 |
// $--color-text-regular: #1f2d3d; |
|
16 |
|
|
17 |
$--border-color-light: #dfe4ed; |
|
18 |
$--border-color-lighter: #e6ebf5; |
|
19 |
|
|
20 |
$--table-border: 1px solid #dfe6ec; |
|
21 |
|
|
22 |
/* icon font path, required */ |
|
23 |
$--font-path: "~element-ui/lib/theme-chalk/fonts"; |
|
24 |
|
|
25 |
@import "~element-ui/packages/theme-chalk/src/index"; |
|
26 |
|
|
27 |
// the :export directive is the magic sauce for webpack |
|
28 |
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass |
|
29 |
:export { |
|
30 |
theme: $--color-primary; |
|
31 |
} |