@semi-bot/semi-theme-fn-music 1.0.2 → 1.0.5

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 (9) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +142 -31
  4. package/scss/_font.scss +8 -8
  5. package/scss/global.scss +111 -26
  6. package/scss/local.scss +7 -0
  7. package/scss/variables.scss +1 -1
  8. package/semi.css +431 -224
  9. package/semi.min.css +1 -1
package/scss/global.scss CHANGED
@@ -6,9 +6,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(var(--semi-white), 1);
7
7
  --semi-color-bg-3: rgba(var(--semi-white), 1);
8
8
  --semi-color-bg-4: rgba(var(--semi-white), 1);
9
+ --semi-color-tag: rgba(18,18,20,0.06);
9
10
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
11
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
- --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
+ --semi-color-nav-bg: rgba(18,18,20,0);
13
+ --semi-color-pop-bg: rgba(255,255,255,0.9);
12
14
  --semi-color-black: rgba(var(--semi-black), 1);
13
15
  --semi-color-data-0: rgba(87, 105, 255, 1);
14
16
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -20,9 +22,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
20
22
  --semi-color-data-7: rgba(139, 215, 210, 1);
21
23
  --semi-color-data-8: rgba(131, 176, 35, 1);
22
24
  --semi-color-data-9: rgba(233, 165, 229, 1);
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);
25
+ --semi-color-fill-0: rgba(0,0,0,0.16);
26
+ --semi-color-fill-1: rgba(0,0,0,0.1);
27
+ --semi-color-fill-2: rgba(0,0,0,0.06);
26
28
  --semi-color-text-0: rgba(18,18,20,1);
27
29
  --semi-color-text-1: rgba(18,18,20,0.8);
28
30
  --semi-color-text-2: rgba(18,18,20,0.6);
@@ -38,9 +40,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
38
40
  --semi-color-data-17: rgba(182, 215, 129, 1);
39
41
  --semi-color-data-18: rgba(212, 88, 212, 1);
40
42
  --semi-color-data-19: rgba(188, 198, 255, 1);
43
+ --semi-color-pop-mask: rgba(255,255,255,0.8);
41
44
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
42
45
  --semi-color-danger: rgba(var(--semi-red-5), 1);
46
+ --semi-color-nav-hover: rgba(18,18,20,0.06);
43
47
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
48
+ --semi-color-tag-hover: rgba(18,18,20,0.12);
49
+ --semi-color-modal-bg: rgba(255,255,255,0.9);
50
+ --semi-color-nav-active: rgba(18,18,20,0.06);
51
+ --semi-color-pop-border: rgba(18,18,20,0.12);
52
+ --semi-color-tag-active: rgba(18,18,20,0.12);
44
53
  --semi-color-default: rgba(var(--semi-grey-0), 1);
45
54
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
55
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -49,17 +58,29 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
49
58
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
59
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
60
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
61
+ --semi-color-tag-disabled: rgba(18,18,20,0.02);
62
+ --semi-color-divider-0: rgba(18,18,20,0.16);
63
+ --semi-color-divider-1: rgba(18,18,20,0.12);
64
+ --semi-color-divider-2: rgba(18,18,20,0.06);
65
+ --semi-color-input-hover: rgba(18,18,18,0.1);
52
66
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
- --semi-color-tertiary: rgba(0,0,0,0.1);
67
+ --semi-color-tertiary: rgba(0,0,0,0.08);
54
68
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
55
69
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
70
+ --semi-color-input-active: rgba(18,18,20,0.14);
71
+ --semi-color-modal-border: rgba(255,255,255,1);
56
72
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
57
- --semi-color-sidebar-bg: rgba(164,161,174,0.9);
73
+ --semi-color-sidebar-bg: rgba(243,242,245,0.9);
58
74
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
59
75
  --semi-color-highlight: rgba(var(--semi-black), 1);
76
+ --semi-color-input-default: rgba(18,18,20,0.06);
60
77
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
78
+ --semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
79
+ --semi-color-Floating-bg: rgba(243,242,245,0.9);
61
80
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
62
81
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
82
+ --semi-color-input-disabled: rgba(18,18,20,0.02);
83
+ --semi-color-switch-bg-off: rgba(18,18,18,0.08);
63
84
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
64
85
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
65
86
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -72,36 +93,54 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
72
93
  --semi-color-sidebar-border: rgba(255,255,255,1);
73
94
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
74
95
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
75
- --semi-color-tertiary-hover: rgba(0,0,0,0.16);
96
+ --semi-color-tertiary-hover: rgba(0,0,0,0.14);
97
+ --semi-color-Floating-border: rgba(255,255,255,1);
76
98
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
99
+ --semi-color-input-activeborder: rgba(18,18,20,0.08);
77
100
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
78
101
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
79
- --semi-color-tertiary-active: rgba(0,0,0,0.16);
102
+ --semi-color-tertiary-active: rgba(0,0,0,0.14);
103
+ --semi-color-primary-blue: rgba(17,116,255,1);
104
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
80
105
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
81
106
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
107
+ --semi-color-tertiary-disabled: rgba(0,0,0,0.04);
82
108
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
83
109
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
110
+ --semi-color-progress-bar-bg: rgba(18,18,20,0.08);
84
111
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
85
112
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
113
+ --semi-color-primary-Orange: rgba(255,121,12,1);
86
114
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
115
+ --semi-color-primary-blue-hover: rgba(8,92,219, 1);
116
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
87
117
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
118
+ --semi-color-primary-blue-active: rgba(1,71,184, 1);
119
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
120
+ --semi-color-progress-bar-buffer: rgba(18,18,20,0.06);
121
+ --semi-color-progress-bar-played: rgba(18,18,20,1);
88
122
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
89
123
  --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
90
124
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
91
125
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
126
+ --semi-color-primary-blue-disabled: rgba(160,204,255, 1);
92
127
  --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
128
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),1);
93
129
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
94
130
  --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
131
+ --semi-color-primary-Orange-hover: rgba(255,158,79,1);
95
132
  --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
96
133
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
97
134
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
98
135
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
136
+ --semi-color-primary-Orange-active: rgba(184,64,0, 1);
99
137
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
100
138
  --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
101
139
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
140
+ --semi-color-primary-Orange-disabled: rgba(255,121,12,0.1);
102
141
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
103
142
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
104
- font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';
143
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
105
144
  -webkit-font-smoothing: antialiased;;
106
145
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
107
146
  --semi-shadow-0: none;
@@ -109,10 +148,10 @@ font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacS
109
148
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
110
149
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
111
150
  --semi-border-radius-full: 9999px;
112
- --semi-border-radius-large: 12px;
113
- --semi-border-radius-small: 16px;
151
+ --semi-border-radius-large: 32px;
152
+ --semi-border-radius-small: 10px;
114
153
  --semi-border-radius-circle: 50%;
115
- --semi-border-radius-medium: 6px;
154
+ --semi-border-radius-medium: 24px;
116
155
  --semi-border-radius-extra-small: 3px;
117
156
 
118
157
 
@@ -123,9 +162,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
123
162
  --semi-color-bg-2: rgba(53, 54, 60, 1);
124
163
  --semi-color-bg-3: rgba(67, 68, 74, 1);
125
164
  --semi-color-bg-4: rgba(79, 81, 89, 1);
165
+ --semi-color-tag: rgba(255,255,255,0.08);
126
166
  --semi-color-info: rgba(var(--semi-blue-5), 1);
127
167
  --semi-color-link: rgba(var(--semi-blue-5), 1);
128
- --semi-color-nav-bg: rgba(35, 36, 41, 1);
168
+ --semi-color-nav-bg: rgba(255,255,255,0);
169
+ --semi-color-pop-bg: rgba(18,18,20,0.7);
129
170
  --semi-color-black: rgba(var(--semi-black), 1);
130
171
  --semi-color-data-0: rgba(94, 109, 194, 1);
131
172
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -144,7 +185,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
144
185
  --semi-color-text-1: rgba(255,255,255,0.8);
145
186
  --semi-color-text-2: rgba(255,255,255,0.6);
146
187
  --semi-color-text-3: rgba(255,255,255,0.35);
147
- --semi-color-white: rgba(228, 231, 245, 1);
188
+ --semi-color-white: rgba(255,255,255,1);
148
189
  --semi-color-data-10: rgba(16, 162, 180, 1);
149
190
  --semi-color-data-11: rgba(208, 110, 11, 1);
150
191
  --semi-color-data-12: rgba(113, 66, 197, 1);
@@ -155,70 +196,114 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
155
196
  --semi-color-data-17: rgba(98, 138, 6, 1);
156
197
  --semi-color-data-18: rgba(162, 48, 179, 1);
157
198
  --semi-color-data-19: rgba(40, 51, 138, 1);
199
+ --semi-color-pop-mask: rgba(0,0,0,0.8);
158
200
  --semi-color-border: rgba(var(--semi-white), 0.08);
159
201
  --semi-color-danger: rgba(var(--semi-red-5), 1);
202
+ --semi-color-nav-hover: rgba(255,255,255,0.08);
160
203
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
204
+ --semi-color-tag-hover: rgba(255,255,255,0.12);
205
+ --semi-color-white-1: rgba(255,255,255,0.1);
206
+ --semi-color-white-2: rgba(255,255,255,0.2);
207
+ --semi-color-white-5: rgba(255,255,255,0.5);
208
+ --semi-color-white-6: rgba(255,255,255,0.6);
209
+ --semi-color-white-8: rgba(255,255,255,0.8);
210
+ --semi-color-modal-bg: rgba(18,18,20,0.68);
211
+ --semi-color-nav-active: rgba(255,255,255,0.08);
212
+ --semi-color-pop-border: rgba(255,255,255,0.2);
213
+ --semi-color-tag-active: rgba(255,255,255,0.12);
161
214
  --semi-color-default: rgba(var(--semi-grey-0), 1);
162
215
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
163
216
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
164
- --semi-color-primary: rgba(var(--semi-brand-5),1);
217
+ --semi-color-primary: rgba(var(--semi-brand-4),1);
165
218
  --semi-color-success: rgba(var(--semi-green-5), 1);
166
219
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
167
220
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
168
221
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
222
+ --semi-color-tag-disabled: rgba(255,255,255,0.04);
223
+ --semi-color-divider-0: rgba(255,255,255,0.16);
224
+ --semi-color-divider-1: rgba(255,255,255,0.12);
225
+ --semi-color-divider-2: rgba(255,255,255,0.08);
226
+ --semi-color-input-hover: rgba(255,255,255,0.12);
169
227
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
170
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
228
+ --semi-color-tertiary: rgba(255,255,255,0.08);
171
229
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
172
230
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
231
+ --semi-color-input-active: rgba(255,255,255,0.16);
232
+ --semi-color-modal-border: rgba(255,255,255,0.2);
173
233
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
174
- --semi-color-sidebar-bg: rgba(56,56,56,0.7);
234
+ --semi-color-sidebar-bg: rgba(0,0,0,0.1);
175
235
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
176
236
  --semi-color-highlight: rgba(var(--semi-white), 1);
237
+ --semi-color-input-default: rgba(255,255,255,0.08);
177
238
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
239
+ --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
240
+ --semi-color-Floating-bg: rgba(0,0,0,0.2);
178
241
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
179
242
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
243
+ --semi-color-input-disabled: rgba(255,255,255,0.02);
244
+ --semi-color-switch-bg-off: rgba(255,255,255,0.08);
245
+ --semi-color-card-bg-hover: rgba(255,255,255,0.08);
180
246
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
181
- --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
247
+ --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
182
248
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
183
249
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
250
+ --semi-color-card-bg-active: rgba(255,255,255,0.08);
184
251
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
185
252
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
186
253
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
187
254
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
188
- --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
255
+ --semi-color-primary-active: rgba(var(--semi-brand-6),1);
189
256
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
190
257
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
191
258
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
192
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
259
+ --semi-color-card-bg-default: rgba(255,255,255,0.04);
260
+ --semi-color-tertiary-hover: rgba(255,255,255,0.16);
261
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
193
262
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
194
- --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
263
+ --semi-color-input-activeborder: rgba(255,255,255,0.12);
264
+ --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
195
265
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
196
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
266
+ --semi-color-tertiary-active: rgba(255,255,255,0.2);
267
+ --semi-color-primary-blue: rgba(80,156,255,1);
268
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
197
269
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
198
270
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
199
271
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
200
272
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
273
+ --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
201
274
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
202
275
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
276
+ --semi-color-primary-Orange: rgba(255,163,76,1);
203
277
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
278
+ --semi-color-primary-blue-hover: rgba(124,183,255, 1);
279
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
204
280
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
281
+ --semi-color-primary-blue-active: rgba(167,208,255, 1);
282
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
283
+ --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
284
+ --semi-color-progress-bar-played: rgba(255,255,255,1);
205
285
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
206
286
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
207
287
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
208
288
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
289
+ --semi-color-primary-blue-disabled: rgba(15,79,184, 1);
209
290
  --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
291
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),0.5);
210
292
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
211
293
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
294
+ --semi-color-primary-Orange-hover: rgba(255,190,121, 1);
212
295
  --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
213
296
  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
214
297
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
215
298
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
299
+ --semi-color-primary-Orange-active: rgba(255,215,165, 1);
216
300
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
217
301
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
218
302
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
303
+ --semi-color-primary-Orange-disabled: rgba(184,72,11, 1);
219
304
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
220
305
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
221
- font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';
306
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
222
307
  -webkit-font-smoothing: antialiased;;
223
308
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
224
309
  --semi-shadow-0: none;
@@ -226,10 +311,10 @@ font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacS
226
311
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
227
312
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
228
313
  --semi-border-radius-full: 9999px;
229
- --semi-border-radius-large: 12px;
230
- --semi-border-radius-small: 16px;
314
+ --semi-border-radius-large: 32px;
315
+ --semi-border-radius-small: 10px;
231
316
  --semi-border-radius-circle: 50%;
232
- --semi-border-radius-medium: 6px;
317
+ --semi-border-radius-medium: 24px;
233
318
  --semi-border-radius-extra-small: 3px;
234
319
 
235
320
 
package/scss/local.scss CHANGED
@@ -0,0 +1,7 @@
1
+ $radius-input_wrapper: 10px;
2
+ $color-modal-bg: var(--semi-color-modal-bg);
3
+ $color-modal_mask-bg: var(--semi-color-pop-mask);
4
+ $color-button_light-bg-default: var(--semi-color-fill-0);
5
+ $height-button_large: 44px;
6
+ $radius-button: 8px;
7
+ $spacing-button_iconOnly_content-marginLeft: 4px;
package/scss/variables.scss CHANGED
@@ -55,7 +55,7 @@ $z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
55
55
  // font
56
56
 
57
57
 
58
- $font-family-regular: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter'; // semi 预置字体回退
58
+ $font-family-regular: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'; // semi 预置字体回退
59
59
  $font-size-small: 12px; // 小文本字号
60
60
  $font-size-regular: 14px; // 常规文本字号
61
61