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
36
37
38
39
40
41
42
43
44
| // $--colors: (
| // "primary": (
| // "base": rgb(214, 218, 10),
| // ),
| // "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'
| // @use "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 './animation.scss';
| @use './base.scss';
|
|
