enr 0.2.3-alpha.3 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -9
- package/client.mjs +1 -1
- package/client.mjs.map +1 -1
- package/layoutUtil.mjs +1 -1
- package/layoutUtil.mjs.map +1 -1
- package/package.json +7 -5
- package/server.mjs +1 -1
- package/server.mjs.map +1 -1
- package/styles/common.css +1 -1
- package/styles/common.scss +24 -343
- package/styles/flex.scss +38 -0
- package/styles/header.scss +54 -0
- package/styles/image.scss +10 -0
- package/styles/input.scss +131 -0
- package/styles/loading-keyframes.scss +242 -0
- package/styles/reset.css +1 -0
- package/styles/reset.scss +5 -8
- package/styles/root-normal-dark.scss +85 -0
- package/styles/root-normal-light.scss +83 -0
- package/styles/root-weird-dark.scss +1 -0
- package/styles/root.scss +297 -57
- package/styles/text.scss +111 -0
- package/styles/vars-color.scss +251 -245
- package/styles/vars-size.scss +6 -2
- package/type/components/ThemeContext/index.d.ts +15 -1
- package/type/components/ThemeContext/types.d.ts +3 -1
- package/type/components/layout/types.d.ts +3 -1
- package/type/components/shared/EnLayoutContent/index.d.ts +1 -1
- package/type/customHooks/use-xcn/index.d.ts +1 -1
- package/type/index.server.d.ts +1 -1
- package/type/utilities/cookie.d.ts +2 -1
- package/styles/mixin-color-dark.scss +0 -150
- package/styles/mixin-color-light.scss +0 -148
package/type/index.server.d.ts
CHANGED
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
-
export { _en } from './customHooks/use-xcn';
|
|
7
|
+
export { _en, _en as enc, _en as en } from './customHooks/use-xcn';
|
|
8
8
|
export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';
|
|
@@ -14,7 +14,8 @@ export declare const manageCookie: {
|
|
|
14
14
|
domain?: string;
|
|
15
15
|
secure?: string;
|
|
16
16
|
}): boolean;
|
|
17
|
-
deleteItem(key: string, path
|
|
17
|
+
deleteItem(key: string, path?: string, domain?: string): boolean;
|
|
18
|
+
/** 校验当前 key 是否存在 */
|
|
18
19
|
exist(key: string): boolean;
|
|
19
20
|
keys(): string[];
|
|
20
21
|
};
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
@use "./vars-color.scss" as color;
|
|
2
|
-
|
|
3
|
-
@mixin dark {
|
|
4
|
-
// 基色
|
|
5
|
-
--en-color-blue-10: #{color.$en-color-dark-blue-10};
|
|
6
|
-
--en-color-blue-10-rgb: #{color.$en-color-dark-blue-10-rgb};
|
|
7
|
-
--en-color-blue-20: #{color.$en-color-dark-blue-20};
|
|
8
|
-
--en-color-blue-20-rgb: #{color.$en-color-dark-blue-20-rgb};
|
|
9
|
-
--en-color-blue-30: #{color.$en-color-dark-blue-30};
|
|
10
|
-
--en-color-blue-30-rgb: #{color.$en-color-dark-blue-30-rgb};
|
|
11
|
-
--en-color-blue-40: #{color.$en-color-dark-blue-40};
|
|
12
|
-
--en-color-blue-40-rgb: #{color.$en-color-dark-blue-40-rgb};
|
|
13
|
-
--en-color-blue-50: #{color.$en-color-dark-blue-50};
|
|
14
|
-
--en-color-blue-50-rgb: #{color.$en-color-dark-blue-50-rgb};
|
|
15
|
-
--en-color-blue-60: #{color.$en-color-dark-blue-60};
|
|
16
|
-
--en-color-blue-60-rgb: #{color.$en-color-dark-blue-60-rgb};
|
|
17
|
-
--en-color-blue-70: #{color.$en-color-dark-blue-70};
|
|
18
|
-
--en-color-blue-70-rgb: #{color.$en-color-dark-blue-70-rgb};
|
|
19
|
-
--en-color-blue-80: #{color.$en-color-dark-blue-80};
|
|
20
|
-
--en-color-blue-80-rgb: #{color.$en-color-dark-blue-80-rgb};
|
|
21
|
-
--en-color-blue-90: #{color.$en-color-dark-blue-90};
|
|
22
|
-
--en-color-blue-90-rgb: #{color.$en-color-dark-blue-90-rgb};
|
|
23
|
-
--en-color-green-10: #{color.$en-color-dark-green-10};
|
|
24
|
-
--en-color-green-10-rgb: #{color.$en-color-dark-green-10-rgb};
|
|
25
|
-
--en-color-green-20: #{color.$en-color-dark-green-20};
|
|
26
|
-
--en-color-green-20-rgb: #{color.$en-color-dark-green-20-rgb};
|
|
27
|
-
--en-color-green-30: #{color.$en-color-dark-green-30};
|
|
28
|
-
--en-color-green-30-rgb: #{color.$en-color-dark-green-30-rgb};
|
|
29
|
-
--en-color-green-40: #{color.$en-color-dark-green-40};
|
|
30
|
-
--en-color-green-40-rgb: #{color.$en-color-dark-green-40-rgb};
|
|
31
|
-
--en-color-green-50: #{color.$en-color-dark-green-50};
|
|
32
|
-
--en-color-green-50-rgb: #{color.$en-color-dark-green-50-rgb};
|
|
33
|
-
--en-color-green-60: #{color.$en-color-dark-green-60};
|
|
34
|
-
--en-color-green-60-rgb: #{color.$en-color-dark-green-60-rgb};
|
|
35
|
-
--en-color-green-70: #{color.$en-color-dark-green-70};
|
|
36
|
-
--en-color-green-70-rgb: #{color.$en-color-dark-green-70-rgb};
|
|
37
|
-
--en-color-green-80: #{color.$en-color-dark-green-80};
|
|
38
|
-
--en-color-green-80-rgb: #{color.$en-color-dark-green-80-rgb};
|
|
39
|
-
--en-color-green-90: #{color.$en-color-dark-green-90};
|
|
40
|
-
--en-color-green-90-rgb: #{color.$en-color-dark-green-90-rgb};
|
|
41
|
-
--en-color-yellow-10: #{color.$en-color-dark-yellow-10};
|
|
42
|
-
--en-color-yellow-10-rgb: #{color.$en-color-dark-yellow-10-rgb};
|
|
43
|
-
--en-color-yellow-20: #{color.$en-color-dark-yellow-20};
|
|
44
|
-
--en-color-yellow-20-rgb: #{color.$en-color-dark-yellow-20-rgb};
|
|
45
|
-
--en-color-yellow-30: #{color.$en-color-dark-yellow-30};
|
|
46
|
-
--en-color-yellow-30-rgb: #{color.$en-color-dark-yellow-30-rgb};
|
|
47
|
-
--en-color-yellow-40: #{color.$en-color-dark-yellow-40};
|
|
48
|
-
--en-color-yellow-40-rgb: #{color.$en-color-dark-yellow-40-rgb};
|
|
49
|
-
--en-color-yellow-50: #{color.$en-color-dark-yellow-50};
|
|
50
|
-
--en-color-yellow-50-rgb: #{color.$en-color-dark-yellow-50-rgb};
|
|
51
|
-
--en-color-yellow-60: #{color.$en-color-dark-yellow-60};
|
|
52
|
-
--en-color-yellow-60-rgb: #{color.$en-color-dark-yellow-60-rgb};
|
|
53
|
-
--en-color-yellow-70: #{color.$en-color-dark-yellow-70};
|
|
54
|
-
--en-color-yellow-70-rgb: #{color.$en-color-dark-yellow-70-rgb};
|
|
55
|
-
--en-color-yellow-80: #{color.$en-color-dark-yellow-80};
|
|
56
|
-
--en-color-yellow-80-rgb: #{color.$en-color-dark-yellow-80-rgb};
|
|
57
|
-
--en-color-yellow-90: #{color.$en-color-dark-yellow-90};
|
|
58
|
-
--en-color-yellow-90-rgb: #{color.$en-color-dark-yellow-90-rgb};
|
|
59
|
-
--en-color-red-10: #{color.$en-color-dark-red-10};
|
|
60
|
-
--en-color-red-10-rgb: #{color.$en-color-dark-red-10-rgb};
|
|
61
|
-
--en-color-red-20: #{color.$en-color-dark-red-20};
|
|
62
|
-
--en-color-red-20-rgb: #{color.$en-color-dark-red-20-rgb};
|
|
63
|
-
--en-color-red-30: #{color.$en-color-dark-red-30};
|
|
64
|
-
--en-color-red-30-rgb: #{color.$en-color-dark-red-30-rgb};
|
|
65
|
-
--en-color-red-40: #{color.$en-color-dark-red-40};
|
|
66
|
-
--en-color-red-40-rgb: #{color.$en-color-dark-red-40-rgb};
|
|
67
|
-
--en-color-red-50: #{color.$en-color-dark-red-50};
|
|
68
|
-
--en-color-red-50-rgb: #{color.$en-color-dark-red-50-rgb};
|
|
69
|
-
--en-color-red-60: #{color.$en-color-dark-red-60};
|
|
70
|
-
--en-color-red-60-rgb: #{color.$en-color-dark-red-60-rgb};
|
|
71
|
-
--en-color-red-70: #{color.$en-color-dark-red-70};
|
|
72
|
-
--en-color-red-70-rgb: #{color.$en-color-dark-red-70-rgb};
|
|
73
|
-
--en-color-red-80: #{color.$en-color-dark-red-80};
|
|
74
|
-
--en-color-red-80-rgb: #{color.$en-color-dark-red-80-rgb};
|
|
75
|
-
--en-color-red-90: #{color.$en-color-dark-red-90};
|
|
76
|
-
--en-color-red-90-rgb: #{color.$en-color-dark-red-90-rgb};
|
|
77
|
-
--en-color-violet-10: #{color.$en-color-dark-violet-10};
|
|
78
|
-
--en-color-violet-10-rgb: #{color.$en-color-dark-violet-10-rgb};
|
|
79
|
-
--en-color-violet-20: #{color.$en-color-dark-violet-20};
|
|
80
|
-
--en-color-violet-20-rgb: #{color.$en-color-dark-violet-20-rgb};
|
|
81
|
-
--en-color-violet-30: #{color.$en-color-dark-violet-30};
|
|
82
|
-
--en-color-violet-30-rgb: #{color.$en-color-dark-violet-30-rgb};
|
|
83
|
-
--en-color-violet-40: #{color.$en-color-dark-violet-40};
|
|
84
|
-
--en-color-violet-40-rgb: #{color.$en-color-dark-violet-40-rgb};
|
|
85
|
-
--en-color-violet-50: #{color.$en-color-dark-violet-50};
|
|
86
|
-
--en-color-violet-50-rgb: #{color.$en-color-dark-violet-50-rgb};
|
|
87
|
-
--en-color-violet-60: #{color.$en-color-dark-violet-60};
|
|
88
|
-
--en-color-violet-60-rgb: #{color.$en-color-dark-violet-60-rgb};
|
|
89
|
-
--en-color-violet-70: #{color.$en-color-dark-violet-70};
|
|
90
|
-
--en-color-violet-70-rgb: #{color.$en-color-dark-violet-70-rgb};
|
|
91
|
-
--en-color-violet-80: #{color.$en-color-dark-violet-80};
|
|
92
|
-
--en-color-violet-80-rgb: #{color.$en-color-dark-violet-80-rgb};
|
|
93
|
-
--en-color-violet-90: #{color.$en-color-dark-violet-90};
|
|
94
|
-
--en-color-violet-90-rgb: #{color.$en-color-dark-violet-90-rgb};
|
|
95
|
-
--en-color-pink-10: #{color.$en-color-dark-pink-10};
|
|
96
|
-
--en-color-pink-10-rgb: #{color.$en-color-dark-pink-10-rgb};
|
|
97
|
-
--en-color-pink-20: #{color.$en-color-dark-pink-20};
|
|
98
|
-
--en-color-pink-20-rgb: #{color.$en-color-dark-pink-20-rgb};
|
|
99
|
-
--en-color-pink-30: #{color.$en-color-dark-pink-30};
|
|
100
|
-
--en-color-pink-30-rgb: #{color.$en-color-dark-pink-30-rgb};
|
|
101
|
-
--en-color-pink-40: #{color.$en-color-dark-pink-40};
|
|
102
|
-
--en-color-pink-40-rgb: #{color.$en-color-dark-pink-40-rgb};
|
|
103
|
-
--en-color-pink-50: #{color.$en-color-dark-pink-50};
|
|
104
|
-
--en-color-pink-50-rgb: #{color.$en-color-dark-pink-50-rgb};
|
|
105
|
-
--en-color-pink-60: #{color.$en-color-dark-pink-60};
|
|
106
|
-
--en-color-pink-60-rgb: #{color.$en-color-dark-pink-60-rgb};
|
|
107
|
-
--en-color-pink-70: #{color.$en-color-dark-pink-70};
|
|
108
|
-
--en-color-pink-70-rgb: #{color.$en-color-dark-pink-70-rgb};
|
|
109
|
-
--en-color-pink-80: #{color.$en-color-dark-pink-80};
|
|
110
|
-
--en-color-pink-80-rgb: #{color.$en-color-dark-pink-80-rgb};
|
|
111
|
-
--en-color-pink-90: #{color.$en-color-dark-pink-90};
|
|
112
|
-
--en-color-pink-90-rgb: #{color.$en-color-dark-pink-90-rgb};
|
|
113
|
-
|
|
114
|
-
// 文本色
|
|
115
|
-
--en-text-primary: var(--en-color-beige);
|
|
116
|
-
--en-text-secondary: var(--en-color-brightness-20);
|
|
117
|
-
--en-text-active: var(--en-color-brightness-50);
|
|
118
|
-
--en-text-inactive: rgba(var(--en-color-bright-20-rgb), 0.76);
|
|
119
|
-
--en-text-link: var(--en-color-blue-30);
|
|
120
|
-
--en-text-invert: var(--en-color-brightness-90); // 文本反转色
|
|
121
|
-
--en-text-muted: var(--en-color-brightness-60); // 温和文本色
|
|
122
|
-
// 背景色
|
|
123
|
-
--en-background-primary: var(--en-color-brightness-90);
|
|
124
|
-
--en-background-secondary: var(--en-color-brightness-75);
|
|
125
|
-
--en-background-tertiary: var(--en-color-brightness-60);
|
|
126
|
-
// 边框
|
|
127
|
-
--en-border-primary: var(--en-color-brightness-50);
|
|
128
|
-
--en-border-secondary: var(--en-color-brightness-60);
|
|
129
|
-
// 成功盒子的提示框
|
|
130
|
-
--en-border-success: var(--en-color-green-20);
|
|
131
|
-
// 按钮
|
|
132
|
-
--en-button-primary: var(--en-color-bright-10);
|
|
133
|
-
--en-button-primary-hover: var(--en-color-brightness-15);
|
|
134
|
-
--en-button-primary-active: var(--en-color-brightness-30);
|
|
135
|
-
--en-button-primary-inactive: var(--en-color-white);
|
|
136
|
-
--en-button-secondary: var(--en-color-bright-70);
|
|
137
|
-
--en-button-secondary-hover: var(--en-color-brightness-50);
|
|
138
|
-
--en-button-secondary-active: var(--en-color-brightness-40);
|
|
139
|
-
--en-button-secondary-inactive: var(--en-color-brightness-70);
|
|
140
|
-
--en-button-secondary-border-focus: var(--en-color-light-blue-60);
|
|
141
|
-
// 红框按钮
|
|
142
|
-
--en-button-secondary-border-red: var(--en-color-light-red-30);
|
|
143
|
-
--en-button-secondary-border-red-focus: var(--en-color-light-red-10);
|
|
144
|
-
--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-brightness-10), 0.2);
|
|
145
|
-
--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-brightness-10), 0.2);
|
|
146
|
-
|
|
147
|
-
color-scheme: dark;
|
|
148
|
-
color: var(--en--color-text-primary, #f0f2e5);
|
|
149
|
-
background-color: var(--en-color-background-primary, #333333);
|
|
150
|
-
}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
@use "./vars-color.scss" as color;
|
|
2
|
-
|
|
3
|
-
@mixin light {
|
|
4
|
-
// 基色
|
|
5
|
-
--en-color-blue-10: #{color.$en-color-light-blue-10};
|
|
6
|
-
--en-color-blue-10-rgb: #{color.$en-color-light-blue-10-rgb};
|
|
7
|
-
--en-color-blue-20: #{color.$en-color-light-blue-20};
|
|
8
|
-
--en-color-blue-20-rgb: #{color.$en-color-light-blue-20-rgb};
|
|
9
|
-
--en-color-blue-30: #{color.$en-color-light-blue-30};
|
|
10
|
-
--en-color-blue-30-rgb: #{color.$en-color-light-blue-30-rgb};
|
|
11
|
-
--en-color-blue-40: #{color.$en-color-light-blue-40};
|
|
12
|
-
--en-color-blue-40-rgb: #{color.$en-color-light-blue-40-rgb};
|
|
13
|
-
--en-color-blue-50: #{color.$en-color-light-blue-50};
|
|
14
|
-
--en-color-blue-50-rgb: #{color.$en-color-light-blue-50-rgb};
|
|
15
|
-
--en-color-blue-60: #{color.$en-color-light-blue-60};
|
|
16
|
-
--en-color-blue-60-rgb: #{color.$en-color-light-blue-60-rgb};
|
|
17
|
-
--en-color-blue-70: #{color.$en-color-light-blue-70};
|
|
18
|
-
--en-color-blue-70-rgb: #{color.$en-color-light-blue-70-rgb};
|
|
19
|
-
--en-color-blue-80: #{color.$en-color-light-blue-80};
|
|
20
|
-
--en-color-blue-80-rgb: #{color.$en-color-light-blue-80-rgb};
|
|
21
|
-
--en-color-blue-90: #{color.$en-color-light-blue-90};
|
|
22
|
-
--en-color-blue-90-rgb: #{color.$en-color-light-blue-90-rgb};
|
|
23
|
-
--en-color-green-10: #{color.$en-color-light-green-10};
|
|
24
|
-
--en-color-green-10-rgb: #{color.$en-color-light-green-10-rgb};
|
|
25
|
-
--en-color-green-20: #{color.$en-color-light-green-20};
|
|
26
|
-
--en-color-green-20-rgb: #{color.$en-color-light-green-20-rgb};
|
|
27
|
-
--en-color-green-30: #{color.$en-color-light-green-30};
|
|
28
|
-
--en-color-green-30-rgb: #{color.$en-color-light-green-30-rgb};
|
|
29
|
-
--en-color-green-40: #{color.$en-color-light-green-40};
|
|
30
|
-
--en-color-green-40-rgb: #{color.$en-color-light-green-40-rgb};
|
|
31
|
-
--en-color-green-50: #{color.$en-color-light-green-50};
|
|
32
|
-
--en-color-green-50-rgb: #{color.$en-color-light-green-50-rgb};
|
|
33
|
-
--en-color-green-60: #{color.$en-color-light-green-60};
|
|
34
|
-
--en-color-green-60-rgb: #{color.$en-color-light-green-60-rgb};
|
|
35
|
-
--en-color-green-70: #{color.$en-color-light-green-70};
|
|
36
|
-
--en-color-green-70-rgb: #{color.$en-color-light-green-70-rgb};
|
|
37
|
-
--en-color-green-80: #{color.$en-color-light-green-80};
|
|
38
|
-
--en-color-green-80-rgb: #{color.$en-color-light-green-80-rgb};
|
|
39
|
-
--en-color-green-90: #{color.$en-color-light-green-90};
|
|
40
|
-
--en-color-green-90-rgb: #{color.$en-color-light-green-90-rgb};
|
|
41
|
-
--en-color-yellow-10: #{color.$en-color-light-yellow-10};
|
|
42
|
-
--en-color-yellow-10-rgb: #{color.$en-color-light-yellow-10-rgb};
|
|
43
|
-
--en-color-yellow-20: #{color.$en-color-light-yellow-20};
|
|
44
|
-
--en-color-yellow-20-rgb: #{color.$en-color-light-yellow-20-rgb};
|
|
45
|
-
--en-color-yellow-30: #{color.$en-color-light-yellow-30};
|
|
46
|
-
--en-color-yellow-30-rgb: #{color.$en-color-light-yellow-30-rgb};
|
|
47
|
-
--en-color-yellow-40: #{color.$en-color-light-yellow-40};
|
|
48
|
-
--en-color-yellow-40-rgb: #{color.$en-color-light-yellow-40-rgb};
|
|
49
|
-
--en-color-yellow-50: #{color.$en-color-light-yellow-50};
|
|
50
|
-
--en-color-yellow-50-rgb: #{color.$en-color-light-yellow-50-rgb};
|
|
51
|
-
--en-color-yellow-60: #{color.$en-color-light-yellow-60};
|
|
52
|
-
--en-color-yellow-60-rgb: #{color.$en-color-light-yellow-60-rgb};
|
|
53
|
-
--en-color-yellow-70: #{color.$en-color-light-yellow-70};
|
|
54
|
-
--en-color-yellow-70-rgb: #{color.$en-color-light-yellow-70-rgb};
|
|
55
|
-
--en-color-yellow-80: #{color.$en-color-light-yellow-80};
|
|
56
|
-
--en-color-yellow-80-rgb: #{color.$en-color-light-yellow-80-rgb};
|
|
57
|
-
--en-color-yellow-90: #{color.$en-color-light-yellow-90};
|
|
58
|
-
--en-color-yellow-90-rgb: #{color.$en-color-light-yellow-90-rgb};
|
|
59
|
-
--en-color-red-10: #{color.$en-color-light-red-10};
|
|
60
|
-
--en-color-red-10-rgb: #{color.$en-color-light-red-10-rgb};
|
|
61
|
-
--en-color-red-20: #{color.$en-color-light-red-20};
|
|
62
|
-
--en-color-red-20-rgb: #{color.$en-color-light-red-20-rgb};
|
|
63
|
-
--en-color-red-30: #{color.$en-color-light-red-30};
|
|
64
|
-
--en-color-red-30-rgb: #{color.$en-color-light-red-30-rgb};
|
|
65
|
-
--en-color-red-40: #{color.$en-color-light-red-40};
|
|
66
|
-
--en-color-red-40-rgb: #{color.$en-color-light-red-40-rgb};
|
|
67
|
-
--en-color-red-50: #{color.$en-color-light-red-50};
|
|
68
|
-
--en-color-red-50-rgb: #{color.$en-color-light-red-50-rgb};
|
|
69
|
-
--en-color-red-60: #{color.$en-color-light-red-60};
|
|
70
|
-
--en-color-red-60-rgb: #{color.$en-color-light-red-60-rgb};
|
|
71
|
-
--en-color-red-70: #{color.$en-color-light-red-70};
|
|
72
|
-
--en-color-red-70-rgb: #{color.$en-color-light-red-70-rgb};
|
|
73
|
-
--en-color-red-80: #{color.$en-color-light-red-80};
|
|
74
|
-
--en-color-red-80-rgb: #{color.$en-color-light-red-80-rgb};
|
|
75
|
-
--en-color-red-90: #{color.$en-color-light-red-90};
|
|
76
|
-
--en-color-red-90-rgb: #{color.$en-color-light-red-90-rgb};
|
|
77
|
-
--en-color-violet-10: #{color.$en-color-light-violet-10};
|
|
78
|
-
--en-color-violet-10-rgb: #{color.$en-color-light-violet-10-rgb};
|
|
79
|
-
--en-color-violet-20: #{color.$en-color-light-violet-20};
|
|
80
|
-
--en-color-violet-20-rgb: #{color.$en-color-light-violet-20-rgb};
|
|
81
|
-
--en-color-violet-30: #{color.$en-color-light-violet-30};
|
|
82
|
-
--en-color-violet-30-rgb: #{color.$en-color-light-violet-30-rgb};
|
|
83
|
-
--en-color-violet-40: #{color.$en-color-light-violet-40};
|
|
84
|
-
--en-color-violet-40-rgb: #{color.$en-color-light-violet-40-rgb};
|
|
85
|
-
--en-color-violet-50: #{color.$en-color-light-violet-50};
|
|
86
|
-
--en-color-violet-50-rgb: #{color.$en-color-light-violet-50-rgb};
|
|
87
|
-
--en-color-violet-60: #{color.$en-color-light-violet-60};
|
|
88
|
-
--en-color-violet-60-rgb: #{color.$en-color-light-violet-60-rgb};
|
|
89
|
-
--en-color-violet-70: #{color.$en-color-light-violet-70};
|
|
90
|
-
--en-color-violet-70-rgb: #{color.$en-color-light-violet-70-rgb};
|
|
91
|
-
--en-color-violet-80: #{color.$en-color-light-violet-80};
|
|
92
|
-
--en-color-violet-80-rgb: #{color.$en-color-light-violet-80-rgb};
|
|
93
|
-
--en-color-violet-90: #{color.$en-color-light-violet-90};
|
|
94
|
-
--en-color-violet-90-rgb: #{color.$en-color-light-violet-90-rgb};
|
|
95
|
-
--en-color-pink-10: #{color.$en-color-light-pink-10};
|
|
96
|
-
--en-color-pink-10-rgb: #{color.$en-color-light-pink-10-rgb};
|
|
97
|
-
--en-color-pink-20: #{color.$en-color-light-pink-20};
|
|
98
|
-
--en-color-pink-20-rgb: #{color.$en-color-light-pink-20-rgb};
|
|
99
|
-
--en-color-pink-30: #{color.$en-color-light-pink-30};
|
|
100
|
-
--en-color-pink-30-rgb: #{color.$en-color-light-pink-30-rgb};
|
|
101
|
-
--en-color-pink-40: #{color.$en-color-light-pink-40};
|
|
102
|
-
--en-color-pink-40-rgb: #{color.$en-color-light-pink-40-rgb};
|
|
103
|
-
--en-color-pink-50: #{color.$en-color-light-pink-50};
|
|
104
|
-
--en-color-pink-50-rgb: #{color.$en-color-light-pink-50-rgb};
|
|
105
|
-
--en-color-pink-60: #{color.$en-color-light-pink-60};
|
|
106
|
-
--en-color-pink-60-rgb: #{color.$en-color-light-pink-60-rgb};
|
|
107
|
-
--en-color-pink-70: #{color.$en-color-light-pink-70};
|
|
108
|
-
--en-color-pink-70-rgb: #{color.$en-color-light-pink-70-rgb};
|
|
109
|
-
--en-color-pink-80: #{color.$en-color-light-pink-80};
|
|
110
|
-
--en-color-pink-80-rgb: #{color.$en-color-light-pink-80-rgb};
|
|
111
|
-
--en-color-pink-90: #{color.$en-color-light-pink-90};
|
|
112
|
-
--en-color-pink-90-rgb: #{color.$en-color-light-pink-90-rgb};
|
|
113
|
-
// 文本色
|
|
114
|
-
--en-text-primary: var(--en-color-brightness-85);
|
|
115
|
-
--en-text-secondary: var(--en-color-brightness-70);
|
|
116
|
-
--en-text-active: var(--en-color-brightness-50);
|
|
117
|
-
--en-text-inactive: rgba(var(--en-color-bright-40-rgb), 0.76);
|
|
118
|
-
--en-text-link: var(--en-color-blue-70);
|
|
119
|
-
--en-text-invert: var(--en-color-white); // 文本反转色
|
|
120
|
-
--en-text-muted: var(--en-color-brightness-65); // 温和文本色
|
|
121
|
-
// 背景色
|
|
122
|
-
--en-background-primary: var(--en-color-brightness-10);
|
|
123
|
-
--en-background-secondary: var(--en-color-brightness-15);
|
|
124
|
-
--en-background-tertiary: var(--en-color-brightness-20);
|
|
125
|
-
// 边框
|
|
126
|
-
--en-border-primary: var(--en-color-brightness-10);
|
|
127
|
-
--en-border-secondary: var(--en-color-brightness-15);
|
|
128
|
-
// 成功盒子的提示框
|
|
129
|
-
--en-border-success: var(--en-color-green-20);
|
|
130
|
-
// 按钮
|
|
131
|
-
--en-button-primary: var(--en-color-brightness-85);
|
|
132
|
-
--en-button-primary-hover: var(--en-color-brightness-60);
|
|
133
|
-
--en-button-primary-active: var(--en-color-brightness-40);
|
|
134
|
-
--en-button-primary-inactive: var(--en-color-brightness-85);
|
|
135
|
-
--en-button-secondary: var(--en-color-white);
|
|
136
|
-
--en-button-secondary-hover: var(--en-color-brightness-20);
|
|
137
|
-
--en-button-secondary-active: var(--en-color-brightness-20);
|
|
138
|
-
--en-button-secondary-inactive: var(--en-color-brightness-15);
|
|
139
|
-
--en-button-secondary-border-focus: var(--en-color-light-blue-50);
|
|
140
|
-
// 红框按钮
|
|
141
|
-
--en-button-secondary-border-red: var(--en-color-light-red-30);
|
|
142
|
-
--en-button-secondary-border-red-focus: var(--en-color-light-red-10);
|
|
143
|
-
--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-brightness-80), 0.05);
|
|
144
|
-
--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-brightness-80), 0.1);
|
|
145
|
-
color-scheme: light;
|
|
146
|
-
color: var(--en-text-primary, #3a3b3f);
|
|
147
|
-
background-color: var(--en-background-primary, #f0f2e6);
|
|
148
|
-
}
|