@semi-bot/semi-theme-fnos 1.0.1 → 1.0.2

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.
Files changed (11) hide show
  1. package/README.md +4 -4
  2. package/package.json +1 -1
  3. package/raw.json +515 -1014
  4. package/scss/_font.scss +1 -1
  5. package/scss/_palette.scss +334 -374
  6. package/scss/animation.scss +1 -1
  7. package/scss/global.scss +154 -296
  8. package/scss/local.scss +9 -204
  9. package/scss/mixin.scss +1 -10
  10. package/semi.css +2472 -1154
  11. package/semi.min.css +1 -1
package/scss/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- body{
2
+ body, :host {
3
3
  --semi-transform_scale-none:scale(1,1);
4
4
  --semi-transform_scale-small:scale(1,1);
5
5
  --semi-transform_scale-medium:scale(1,1);
package/scss/global.scss CHANGED
@@ -1,18 +1,16 @@
1
1
  @import './_palette.scss';
2
2
 
3
- body, body[theme-mode="dark"] .semi-always-light {
4
- --semi-color-app: rgba(var(--semi-neutral-0),1);
5
- --semi-color-bg-0: rgba(255,255,255, 1);
6
- --semi-color-bg-1: rgba(255,255,255,1);
7
- --semi-color-bg-2: rgba(255,255,255,1);
8
- --semi-color-bg-3: rgba(255,255,255,1);
9
- --semi-color-bg-4: rgba(255,255,255,1);
10
- --semi-color-info: rgba(var(--semi-brand-5), 1);
11
- --semi-color-link: rgba(var(--semi-brand-5),1);
12
- --semi-color-bg-anti: rgba(28,28,28,1);
13
- --semi-color-nav-bg: rgba(var(--semi-neutral-0),1);
14
- --semi-color-black: rgba(0,0,0,1);
15
- --semi-color-data-0: rgba(var(--semi-brand-5),1);
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
+ --semi-color-bg-0: rgba(var(--semi-white), 1);
5
+ --semi-color-bg-1: rgba(var(--semi-white), 1);
6
+ --semi-color-bg-2: rgba(var(--semi-white), 1);
7
+ --semi-color-bg-3: rgba(var(--semi-white), 1);
8
+ --semi-color-bg-4: rgba(var(--semi-white), 1);
9
+ --semi-color-info: rgba(var(--semi-blue-5), 1);
10
+ --semi-color-link: rgba(var(--semi-blue-5), 1);
11
+ --semi-color-nav-bg: rgba(var(--semi-neutral-1),1);
12
+ --semi-color-black: rgba(var(--semi-black), 1);
13
+ --semi-color-data-0: rgba(87, 105, 255, 1);
16
14
  --semi-color-data-1: rgba(142, 212, 231, 1);
17
15
  --semi-color-data-2: rgba(245, 135, 0, 1);
18
16
  --semi-color-data-3: rgba(220, 183, 252, 1);
@@ -22,16 +20,14 @@ body, body[theme-mode="dark"] .semi-always-light {
22
20
  --semi-color-data-7: rgba(139, 215, 210, 1);
23
21
  --semi-color-data-8: rgba(131, 176, 35, 1);
24
22
  --semi-color-data-9: rgba(233, 165, 229, 1);
25
- --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
26
- --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
27
- --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
28
- --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
29
- --semi-color-text-0: rgba(var(--semi-neutral-9),1);
30
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
31
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
32
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
33
- --semi-color-white: rgba(255,255,255,1);
34
- --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
23
+ --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
24
+ --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
25
+ --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
26
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
27
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
28
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
29
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
30
+ --semi-color-white: rgba(var(--semi-white), 1);
35
31
  --semi-color-data-10: rgba(48, 167, 206, 1);
36
32
  --semi-color-data-11: rgba(249, 192, 100, 1);
37
33
  --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -42,333 +38,195 @@ body, body[theme-mode="dark"] .semi-always-light {
42
38
  --semi-color-data-17: rgba(182, 215, 129, 1);
43
39
  --semi-color-data-18: rgba(212, 88, 212, 1);
44
40
  --semi-color-data-19: rgba(188, 198, 255, 1);
45
- --semi-color-data-20: rgba(121,137,255, 1);
46
- --semi-color-border: rgba(var(--semi-neutral-3),1);
41
+ --semi-color-border: rgba(var(--semi-neutral-5),0.08);
47
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
48
- --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
49
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
50
- --semi-color-app-header: rgba(var(--semi-neutral-0),0);
51
- --semi-color-bg-dropdown: rgba(255,255,255,1);
52
- --semi-color-black-10: rgba(0,0,0,0.1);
53
- --semi-color-black-20: rgba(0,0,0,0.2);
54
- --semi-color-black-30: rgba(0,0,0,0.3);
55
- --semi-color-black-40: rgba(0,0,0,0.4);
56
- --semi-color-black-50: rgba(0,0,0,0.5);
57
- --semi-color-black-60: rgba(0,0,0,0.6);
58
- --semi-color-black-70: rgba(0,0,0,0.7);
59
- --semi-color-black-80: rgba(0,0,0,0.8);
60
- --semi-color-black-90: rgba(0,0,0,0.9);
61
- --semi-color-text-anti: rgba(255,255,255,1);
62
- --semi-color-white-10: rgba(255,255,255,0.1);
63
- --semi-color-white-20: rgba(255,255,255,0.2);
64
- --semi-color-white-30: rgba(255,255,255,0.3);
65
- --semi-color-white-40: rgba(255,255,255,0.4);
66
- --semi-color-white-50: rgba(255,255,255,0.5);
67
- --semi-color-white-60: rgba(255,255,255,0.6);
68
- --semi-color-white-70: rgba(255,255,255,0.7);
69
- --semi-color-white-80: rgba(255,255,255,0.8);
70
- --semi-color-white-90: rgba(255,255,255,0.9);
71
- --semi-color-default: rgba(var(--semi-grey-0),1);
72
- --semi-color-info-hover: rgba(var(--semi-brand-6), 1);
73
- --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
43
+ --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
45
+ --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
+ --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
74
47
  --semi-color-primary: rgba(var(--semi-brand-5),1);
75
- --semi-color-success: rgba(var(--semi-green-5),1);
76
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-1),1);
77
- --semi-color-warning: rgba(var(--semi-orange-5),1);
78
- --semi-color-app-siderbar: rgba(var(--semi-neutral-1),0);
79
- --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
80
- --semi-color-info-active: rgba(var(--semi-brand-7), 1);
81
- --semi-color-link-active: rgba(var(--semi-brand-7),1);
82
- --semi-color-app-container: rgba(255,255,255,1);
83
- --semi-color-bg-transparent: rgba(255,255,255,0);
84
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
85
- --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
86
- --semi-color-divider-1: rgba(var(--semi-neutral-2),0.16);
87
- --semi-color-divider-2: rgba(var(--semi-neutral-2),0.2);
88
- --semi-color-link-visited: rgba(var(--semi-brand-3),1);
89
- --semi-color-photo-toast: rgba(0,0,0,0.9);
90
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
91
- --semi-color-tertiary: rgba(var(--semi-neutral-5),1);
92
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
93
- --semi-color-focus-border: rgba(var(--semi-brand-5),1);
94
- --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
95
- --semi-color-overlay-bg: rgba(0,0,0,0.7);
96
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
97
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
98
- --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
99
- --semi-color-border-hover: rgba(var(--semi-neutral-4),1);
100
- --semi-color-border-modal: rgba(var(--semi-neutral-8),0.15);
101
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
48
+ --semi-color-success: rgba(var(--semi-green-5), 1);
49
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
+ --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
+ --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
+ --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
54
+ --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
55
+ --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
56
+ --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
102
57
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
103
- --semi-color-highlight: rgba(var(--semi-black),1);
58
+ --semi-color-highlight: rgba(var(--semi-black), 1);
104
59
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
105
- --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
106
- --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
107
- --semi-color-border-active: rgba(var(--semi-neutral-5),1);
108
- --semi-color-border-select: rgba(var(--semi-neutral-0),0);
109
60
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
110
- --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
111
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
112
- --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.2);
61
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
113
62
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
114
- --semi-color-photo-toastText: rgba(255,255,255,1);
115
63
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
116
64
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
117
65
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
118
- --semi-color-Component-bg: rgba(255,255,255,0.5);
119
- --semi-color-card-borderActive: rgba(var(--semi-blue-5),1);
120
66
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
121
- --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
122
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
123
- --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
67
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
68
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
69
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
124
70
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
125
71
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
126
- --semi-color-warning-active: rgba(var(--semi-orange-7),1);
127
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-6), 1);
128
- --semi-color-Component-card: rgba(255,255,255,0.9);
129
- --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
130
- --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
131
- --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
132
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7), 1);
133
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
72
+ --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
73
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
74
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
75
+ --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
76
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
77
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
134
78
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
135
- --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
136
79
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
137
- --semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
138
- --semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
139
- --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
140
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2),1);
141
- --semi-color-info-light-default: rgba(var(--semi-brand-0),1);
142
- --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
80
+ --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
81
+ --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
82
+ --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
83
+ --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
143
84
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
144
85
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
145
- --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.2);
146
- --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
147
- --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
86
+ --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
87
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
148
88
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
149
89
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
150
- --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
90
+ --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
151
91
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
152
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
153
- --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
92
+ --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
93
+ --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
154
94
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
155
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-1), 1);
95
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
156
96
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
157
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-7), 1);
158
- --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
159
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
160
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-0), 1);
161
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
97
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
98
+ --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
99
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
100
+ --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
162
101
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
163
- --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
164
- --semi-color-CheckboxPhoto-DefaultBgHover: rgba(255,255,255,0.7);
165
- --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
166
102
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
167
103
  -webkit-font-smoothing: antialiased;;
168
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
104
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
169
105
  --semi-shadow-0: none;
170
106
  --semi-shadow-1: none;
171
107
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
172
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -6px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
173
108
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
174
- --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
175
- --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
176
109
  --semi-border-radius-full: 9999px;
177
110
  --semi-border-radius-large: 12px;
178
- --semi-border-radius-small: 3px;
111
+ --semi-border-radius-small: 8px;
179
112
  --semi-border-radius-circle: 50%;
180
113
  --semi-border-radius-medium: 6px;
181
114
  --semi-border-radius-extra-small: 3px;
182
- --semi-border-radius-custom-button-large: 12px;
183
- --semi-border-radius-custom-button-small: 6px;
184
- --semi-border-radius-custom-button-default: 8px;
185
115
 
186
116
 
187
117
  }
188
- body[theme-mode="dark"], body .semi-always-dark {
189
- --semi-color-app: rgba(var(--semi-neutral-0),1);
190
- --semi-color-bg-0: rgba(var(--semi-neutral-0), 1);
191
- --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
192
- --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
193
- --semi-color-bg-3: rgba(var(--semi-neutral-3),1);
194
- --semi-color-bg-4: rgba(var(--semi-neutral-4),1);
195
- --semi-color-info: rgba(var(--semi-brand-4),1);
196
- --semi-color-link: rgba(var(--semi-brand-4),1);
197
- --semi-color-bg-anti: rgba(var(--semi-neutral-9), 1);
198
- --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
199
- --semi-color-black: rgba(0,0,0,1);
200
- --semi-color-data-0: rgba(var(--semi-brand-4),1);
201
- --semi-color-data-1: rgba(102,204,255,1);
202
- --semi-color-data-2: rgba(245,135,0,1);
203
- --semi-color-data-3: rgba(220,183,252,1);
204
- --semi-color-data-4: rgba(74,156,247,1);
205
- --semi-color-data-5: rgba(243,204,53,1);
206
- --semi-color-data-6: rgba(254,128,144,1);
207
- --semi-color-data-7: rgba(139,215,210,1);
208
- --semi-color-data-8: rgba(140,176,35,1);
209
- --semi-color-data-9: rgba(233,165,229,1);
210
- --semi-color-fill-0: rgba(var(--semi-neutral-9),0.05);
211
- --semi-color-fill-1: rgba(var(--semi-neutral-9),0.09);
212
- --semi-color-fill-2: rgba(var(--semi-neutral-9),0.13);
213
- --semi-color-text-0: rgba(var(--semi-neutral-9), 1);
214
- --semi-color-text-1: rgba(var(--semi-neutral-8), 1);
215
- --semi-color-text-2: rgba(var(--semi-neutral-6), 1);
216
- --semi-color-text-3: rgba(var(--semi-neutral-5), 1);
217
- --semi-color-white: rgba(255,255,255,1);
218
- --semi-color-bg-avatar: rgba(var(--semi-neutral-9), 0.08);
219
- --semi-color-data-10: rgba(48,167,206,1);
220
- --semi-color-data-11: rgba(249,192,100,1);
221
- --semi-color-data-12: rgba(177,113,249,1);
222
- --semi-color-data-13: rgba(119,182,249,1);
223
- --semi-color-data-14: rgba(200,143,2,1);
224
- --semi-color-data-15: rgba(255,170,178,1);
225
- --semi-color-data-16: rgba(51,176,171,1);
226
- --semi-color-data-17: rgba(182,215,129,1);
227
- --semi-color-data-18: rgba(212,88,212,1);
228
- --semi-color-data-19: rgba(188,198,255,1);
229
- --semi-color-data-20: rgba(var(--semi-brand-4), 1);
230
- --semi-color-bg-custom5: rgba(170,170,170,1);
231
- --semi-color-border: rgba(var(--semi-neutral-4),1);
232
- --semi-color-danger: rgba(var(--semi-red-4),1);
233
- --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
234
- --semi-color-text-nav: rgba(var(--semi-neutral-8),1);
235
- --semi-color-app-header: rgba(var(--semi-neutral-0),0);
236
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-3), 1);
237
- --semi-color-black-10: rgba(0,0,0,0.1);
238
- --semi-color-black-20: rgba(0,0,0,0.2);
239
- --semi-color-black-30: rgba(0,0,0,0.3);
240
- --semi-color-black-40: rgba(0,0,0,0.4);
241
- --semi-color-black-50: rgba(0,0,0,0.5);
242
- --semi-color-black-60: rgba(0,0,0,0.6);
243
- --semi-color-black-70: rgba(0,0,0,0.7);
244
- --semi-color-black-80: rgba(0,0,0,0.8);
245
- --semi-color-black-90: rgba(0,0,0,0.9);
246
- --semi-color-text-anti: rgba(var(--semi-neutral-0), 1);
247
- --semi-color-white-10: rgba(255,255,255,0.1);
248
- --semi-color-white-20: rgba(255,255,255,0.2);
249
- --semi-color-white-30: rgba(255,255,255,0.3);
250
- --semi-color-white-40: rgba(255,255,255,0.4);
251
- --semi-color-white-50: rgba(255,255,255,0.5);
252
- --semi-color-white-60: rgba(255,255,255,0.6);
253
- --semi-color-white-70: rgba(255,255,255,0.7);
254
- --semi-color-white-80: rgba(255,255,255,0.8);
255
- --semi-color-white-90: rgba(255,255,255,0.9);
256
- --semi-color-default: rgba(var(--semi-neutral-0), 1);
257
- --semi-color-info-hover: rgba(var(--semi-brand-5),1);
258
- --semi-color-link-hover: rgba(var(--semi-brand-5),1);
259
- --semi-color-primary: rgba(var(--semi-brand-4),1);
260
- --semi-color-success: rgba(var(--semi-green-4),1);
261
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
262
- --semi-color-warning: rgba(var(--semi-orange-4),1);
263
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
264
- --semi-color-card-border: rgba(var(--semi-neutral-3), 1);
265
- --semi-color-info-active: rgba(var(--semi-brand-3),1);
266
- --semi-color-link-active: rgba(var(--semi-brand-3),1);
267
- --semi-color-app-container: rgba(var(--semi-neutral-1),1);
268
- --semi-color-bg-transparent: rgba(var(--semi-neutral-1),0);
269
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-3), 1);
270
- --semi-color-divider-0: rgba(var(--semi-neutral-9),0.2);
271
- --semi-color-divider-1: rgba(var(--semi-neutral-8),0.1);
272
- --semi-color-divider-2: rgba(var(--semi-neutral-8),0.05);
273
- --semi-color-link-visited: rgba(var(--semi-brand-2),1);
274
- --semi-color-photo-toast: rgba(0,0,0,0.9);
275
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
276
- --semi-color-tertiary: rgba(var(--semi-neutral-6),1);
277
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-1),0.5);
278
- --semi-color-data-custom21: rgba(var(--semi-brand-3), 1);
118
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
119
+ --semi-color-bg-0: rgba(22, 22, 26, 1);
120
+ --semi-color-bg-1: rgba(35, 36, 41, 1);
121
+ --semi-color-bg-2: rgba(53, 54, 60, 1);
122
+ --semi-color-bg-3: rgba(67, 68, 74, 1);
123
+ --semi-color-bg-4: rgba(79, 81, 89, 1);
124
+ --semi-color-info: rgba(var(--semi-blue-5), 1);
125
+ --semi-color-link: rgba(var(--semi-blue-5), 1);
126
+ --semi-color-nav-bg: rgba(35, 36, 41, 1);
127
+ --semi-color-black: rgba(var(--semi-black), 1);
128
+ --semi-color-data-0: rgba(94, 109, 194, 1);
129
+ --semi-color-data-1: rgba(8, 104, 120, 1);
130
+ --semi-color-data-2: rgba(250, 173, 63, 1);
131
+ --semi-color-data-3: rgba(76, 43, 156, 1);
132
+ --semi-color-data-4: rgba(16, 125, 248, 1);
133
+ --semi-color-data-5: rgba(248, 202, 16, 1);
134
+ --semi-color-data-6: rgba(195, 30, 87, 1);
135
+ --semi-color-data-7: rgba(5, 119, 115, 1);
136
+ --semi-color-data-8: rgba(154, 207, 13, 1);
137
+ --semi-color-data-9: rgba(117, 29, 138, 1);
138
+ --semi-color-fill-0: rgba(var(--semi-white), 0.05);
139
+ --semi-color-fill-1: rgba(var(--semi-white), 0.09);
140
+ --semi-color-fill-2: rgba(var(--semi-white), 0.13);
141
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
142
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
143
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
144
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
145
+ --semi-color-white: rgba(228, 231, 245, 1);
146
+ --semi-color-data-10: rgba(16, 162, 180, 1);
147
+ --semi-color-data-11: rgba(208, 110, 11, 1);
148
+ --semi-color-data-12: rgba(113, 66, 197, 1);
149
+ --semi-color-data-13: rgba(7, 100, 212, 1);
150
+ --semi-color-data-14: rgba(251, 232, 110, 1);
151
+ --semi-color-data-15: rgba(160, 19, 73, 1);
152
+ --semi-color-data-16: rgba(11, 179, 167, 1);
153
+ --semi-color-data-17: rgba(98, 138, 6, 1);
154
+ --semi-color-data-18: rgba(162, 48, 179, 1);
155
+ --semi-color-data-19: rgba(40, 51, 138, 1);
156
+ --semi-color-border: rgba(var(--semi-white), 0.08);
157
+ --semi-color-danger: rgba(var(--semi-red-5), 1);
158
+ --semi-color-shadow: rgba(var(--semi-black), 0.04);
159
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
160
+ --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
161
+ --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
162
+ --semi-color-primary: rgba(var(--semi-brand-5), 1);
163
+ --semi-color-success: rgba(var(--semi-green-5), 1);
164
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
165
+ --semi-color-info-active: rgba(var(--semi-blue-7), 1);
166
+ --semi-color-link-active: rgba(var(--semi-blue-7), 1);
167
+ --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
168
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
279
169
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
280
- --semi-color-info-disabled: rgba(var(--semi-brand-2), 1);
281
- --semi-color-overlay-bg: rgba(0,0,0,0.7);
282
- --semi-color-shadow-anti: rgba(0,0,0,0.7);
283
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
284
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
285
- --semi-color-Scrollbar: rgba(var(--semi-neutral-4),1);
286
- --semi-color-border-hover: rgba(var(--semi-neutral-5),1);
287
- --semi-color-border-modal: rgba(var(--semi-neutral-6),0.6);
288
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-2),1);
289
- --semi-color-danger-hover: rgba(var(--semi-red-5),1);
290
- --semi-color-highlight: rgba(var(--semi-white),1);
170
+ --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
171
+ --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
172
+ --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
173
+ --semi-color-highlight: rgba(var(--semi-white), 1);
291
174
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
292
- --semi-color-table-FocusBg: rgba(var(--semi-brand-2),0.85);
293
- --semi-color-table-HoverBg: rgba(255,255,255,0.05);
294
- --semi-color-border-actvie: rgba(var(--semi-blue-4),1);
295
- --semi-color-border-select: rgba(var(--semi-neutral-4),1);
296
- --semi-color-danger-active: rgba(var(--semi-red-3),1);
297
- --semi-color-disabled-bg: rgba(var(--semi-neutral-2),1);
298
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-2),0.55);
299
- --semi-color-card-borderHover: rgba(var(--semi-neutral-4),1);
300
- --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
301
- --semi-color-photo-toastText: rgba(255,255,255,1);
302
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
303
- --semi-color-success-hover: rgba(var(--semi-green-5),1);
304
- --semi-color-warning-hover: rgba(var(--semi-orange-5),1);
305
- --semi-color-Component-bg: rgba(0,0,0,0.6);
306
- --semi-color-card-borderActive: rgba(var(--semi-brand-3),1);
307
- --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
308
- --semi-color-disabled-fill: rgba(var(--semi-neutral-8),0.04);
309
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),1);
310
- --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
311
- --semi-color-primary-active: rgba(var(--semi-brand-3),1);
312
- --semi-color-success-active: rgba(var(--semi-green-6),1);
313
- --semi-color-warning-active: rgba(var(--semi-orange-3),1);
314
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-7),1);
315
- --semi-color-Component-card: rgba(12,13,13,0.6);
316
- --semi-color-disabled-border: rgba(var(--semi-neutral-3),1);
317
- --semi-color-primary-disabled: rgba(var(--semi-brand-2),0.9);
318
- --semi-color-success-disabled: rgba(var(--semi-green-0),1);
319
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7),1);
320
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),1);
175
+ --semi-color-danger-active: rgba(var(--semi-red-7), 1);
176
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
177
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
178
+ --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
179
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
180
+ --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
181
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
182
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
183
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
184
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
185
+ --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
186
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
187
+ --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
188
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
189
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
190
+ --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
191
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
192
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
321
193
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
322
- --semi-color-overlay-CustomAnti: rgba(0,0,0,0.7);
323
194
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
324
- --semi-color-info-light-hover: rgba(var(--semi-brand-1),0.5);
325
- --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
326
- --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
195
+ --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
196
+ --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
327
197
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
328
- --semi-color-info-light-default: rgba(var(--semi-brand-1),0.8);
329
- --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
330
- --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
331
- --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
332
- --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
333
- --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
334
- --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.55);
335
- --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
336
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
337
- --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
338
- --semi-color-success-light-active: rgba(var(--semi-green-2),1);
339
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
340
- --semi-color-primary-light-default: rgba(var(--semi-brand-2),0.3);
341
- --semi-color-success-light-default: rgba(var(--semi-green-0),1);
342
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
343
- --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
344
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-5), 0.4);
345
- --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
198
+ --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
199
+ --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
200
+ --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
201
+ --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
202
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
203
+ --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
204
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
205
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
206
+ --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
207
+ --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
208
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
209
+ --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
210
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
211
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
212
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
346
213
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
347
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-5), 0.2);
348
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
214
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
215
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
349
216
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
350
- --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,0.7);
351
- --semi-color-CheckboxPhoto-DefaultBgHover: rgba(255,255,255,0.7);
352
- --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
353
217
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
354
218
  -webkit-font-smoothing: antialiased;;
355
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
219
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
356
220
  --semi-shadow-0: none;
357
221
  --semi-shadow-1: none;
358
222
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
359
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -6px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
360
223
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
361
- --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
362
- --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
363
224
  --semi-border-radius-full: 9999px;
364
225
  --semi-border-radius-large: 12px;
365
- --semi-border-radius-small: 3px;
226
+ --semi-border-radius-small: 8px;
366
227
  --semi-border-radius-circle: 50%;
367
228
  --semi-border-radius-medium: 6px;
368
229
  --semi-border-radius-extra-small: 3px;
369
- --semi-border-radius-custom-button-large: 12px;
370
- --semi-border-radius-custom-button-small: 6px;
371
- --semi-border-radius-custom-button-default: 8px;
372
230
 
373
231
 
374
232
  }