1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| $--colors: (
| "primary": ("base": green,
| ),
| "success": ("base": #21ba45,
| ),
| "warning": ("base": #f2711c,
| ),
| "danger": ("base": #db2828,
| ),
| "error": ("base": #db2828,
| ),
| "info": ("base": #42b8dd,
| ),
| );
|
| // we can add this to custom namespace, default is 'el'
| @forward "element-plus/theme-chalk/src/mixins/config.scss" with ($namespace: "ep"
| );
|
| // You should use them in scss, because we calculate it by sass.
| // comment next lines to use default color
| @forward "element-plus/theme-chalk/src/common/var.scss" with ( // do not use same name, it will override.
| $colors: $--colors,
| $button-padding-horizontal: ("default": 50px) //
| );
|
| // if you want to import all
| // @use "element-plus/theme-chalk/src/index.scss" as *;
|
| // You can comment it to hide debug info.
| // @debug $--colors;
|
| // custom dark variables
| @use "./dark.scss";
| @use './blue.scss';
|
|
