vdesign-ui 0.2.13 → 0.2.15

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/dist/token.css CHANGED
@@ -1,478 +1,478 @@
1
-
2
- html[theme="dark"]{
3
- --height-actionbar-content:46px;
4
- --spacing-actionbar-padding_y:20px;
5
- --color-actionbar-bg:#19191E;
6
- }
7
- html{
8
- --height-actionbar-content:46px;
9
- --spacing-actionbar-padding_y:20px;
10
- --color-actionbar-bg:#ffffff;
1
+
2
+ html[theme="dark"]{
3
+ --height-actionbar-content:46px;
4
+ --spacing-actionbar-padding_y:20px;
5
+ --color-actionbar-bg:#19191E;
11
6
  }
12
-
13
- html[theme="dark"]{
14
- --width-actions-form_small:72px;
15
- --width-actions-form_large:94px;
16
- --width-actions-card:40px;
17
- --spacing-actions-form-padding_y:15px;
18
- --spacing-actions-card_item-margin_y:14px;
19
- --icon-actions-card:24px;
20
- --icon-actions-size:28px;
21
- --color-actions-text:#ffffff;
22
- --color-actions-text-disable:rgba(255,255,255,.2);
23
- --color-actions-bg-green:#1bc47d;
24
- --color-actions-bg-warning:#eb5c31;
25
- --color-actions-bg-blue:#5998e9;
26
- --color-actions-bg-gray:#696970;
27
- --color-actions-bg-green-disable:#113226;
28
- --color-actions-bg-warning-disable:#3C1A14;
29
- --color-actions-bg-blue-disable:#09506f;
30
- --color-actions-bg-gray-disable:#2C2C2E;
31
- }
32
- html{
33
- --width-actions-form_small:72px;
34
- --width-actions-form_large:94px;
35
- --width-actions-card:40px;
36
- --spacing-actions-form-padding_y:15px;
37
- --spacing-actions-card_item-margin_y:14px;
38
- --icon-actions-card:24px;
39
- --icon-actions-size:28px;
40
- --color-actions-text:#ffffff;
41
- --color-actions-bg-green:#1bc47d;
42
- --color-actions-bg-warning:#eb5c31;
43
- --color-actions-bg-blue:#5998e9;
44
- --color-actions-bg-gray:#7f7f7f;
45
- --color-actions-bg-green-disable:#d2f3ea;
46
- --color-actions-bg-warning-disable:#ffdedd;
47
- --color-actions-bg-blue-disable:#d9f3fe;
48
- --color-actions-bg-gray-disable:#e6e6e6;
49
- --color-actions-text-disable:#ffffff;
7
+ html{
8
+ --height-actionbar-content:46px;
9
+ --spacing-actionbar-padding_y:20px;
10
+ --color-actionbar-bg:#ffffff;
50
11
  }
51
-
52
- html[theme="dark"]{
53
- --height-activityviews-title_describe:74px;
54
- --height-activityviews-actionsheet:56px;
55
- --height-activityviews-actionsheet_divider:8px;
56
- --height-activityviews-bar:3px;
57
- --radius-activityviews-title:14px;
58
- --radius-activityviews-bar:1.5px;
59
- --spacing-activityviews-padding_left:20px;
60
- --spacing-activityviews-padding_right:20px;
61
- --spacing-activityviews-head-padding_top:16px;
62
- --spacing-activityviews-head-padding_bottom:16px;
63
- --spacing-activityviews-describe-margin_top:4px;
64
- --spacing-activityviews-title-margin_right:8px;
65
- --spacing-activityviews-actionsheet_title-padding_y:16px;
66
- --spacing-activityviews-cancel-margin_top:8px;
67
- --spacing-activityviews-bar-margin_top:8px;
68
- --spacing-activityviews-bar-margin_bottom:5px;
69
- --icon-activityviews-close:24px;
70
- --width-activityviews-bar:35px;
71
- --color-activityviews-mask-bg:rgba(0,0,0,.6);
72
- --color-activityviews-bg:#19191E;
73
- --color-activityviews-title:#F2F5FF;
74
- --color-activityviews-text_describe:rgba(235,235,245,.65);
75
- --color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
76
- --color-activityviews-actionsheet_title:rgba(235,235,245,.65);
77
- --color-activityviews-bar:rgba(84,84,88,.85);
78
- }
79
- html{
80
- --height-activityviews-title_describe:74px;
81
- --height-activityviews-actionsheet:56px;
82
- --height-activityviews-actionsheet_divider:8px;
83
- --height-activityviews-bar:3px;
84
- --radius-activityviews-title:14px;
85
- --radius-activityviews-bar:1.5px;
86
- --spacing-activityviews-padding_left:20px;
87
- --spacing-activityviews-padding_right:20px;
88
- --spacing-activityviews-head-padding_top:16px;
89
- --spacing-activityviews-head-padding_bottom:16px;
90
- --spacing-activityviews-describe-margin_top:4px;
91
- --spacing-activityviews-title-margin_right:8px;
92
- --spacing-activityviews-actionsheet_title-padding_y:16px;
93
- --spacing-activityviews-cancel-margin_top:8px;
94
- --spacing-activityviews-bar-margin_top:8px;
95
- --spacing-activityviews-bar-margin_bottom:5px;
96
- --icon-activityviews-close:24px;
97
- --width-activityviews-bar:35px;
98
- --color-activityviews-mask-bg:rgba(0,0,0,.5);
99
- --color-activityviews-bg:#ffffff;
100
- --color-activityviews-title:rgba(0,0,0,.85);
101
- --color-activityviews-text_describe:rgba(0,0,0,.5);
102
- --color-activityviews-actionsheet_divider:rgba(153,153,153,.15);
103
- --color-activityviews-actionsheet_title:rgba(0,0,0,.5);
104
- --color-activityviews-bar:rgba(0,0,0,.15);
12
+
13
+ html[theme="dark"]{
14
+ --width-actions-form_small:72px;
15
+ --width-actions-form_large:94px;
16
+ --width-actions-card:40px;
17
+ --spacing-actions-form-padding_y:15px;
18
+ --spacing-actions-card_item-margin_y:14px;
19
+ --icon-actions-card:24px;
20
+ --icon-actions-size:28px;
21
+ --color-actions-text:#ffffff;
22
+ --color-actions-text-disable:rgba(255,255,255,.2);
23
+ --color-actions-bg-green:#1bc47d;
24
+ --color-actions-bg-warning:#eb5c31;
25
+ --color-actions-bg-blue:#5998e9;
26
+ --color-actions-bg-gray:#696970;
27
+ --color-actions-bg-green-disable:#113226;
28
+ --color-actions-bg-warning-disable:#3C1A14;
29
+ --color-actions-bg-blue-disable:#09506f;
30
+ --color-actions-bg-gray-disable:#2C2C2E;
105
31
  }
106
-
107
- html[theme="dark"]{
108
- --height-badge-count:16px;
109
- --height-badge-dot:8px;
110
- --width-badge-count_small:16px;
111
- --width-badge-dot:8px;
112
- --radius-badge-count:8px;
113
- --spacing-badge-count-padding_y:5px;
114
- --spacing-badge-count-padding_x:1px;
115
- --color-badge-bg:#eb5c31;
116
- --color-badge-text:#ffffff;
117
- }
118
- html{
119
- --height-badge-count:16px;
120
- --height-badge-dot:8px;
121
- --width-badge-count_small:16px;
122
- --width-badge-dot:8px;
123
- --radius-badge-count:8px;
124
- --spacing-badge-count-padding_y:5px;
125
- --spacing-badge-count-padding_x:1px;
126
- --color-badge-bg:#eb5c31;
127
- --color-badge-text:#ffffff;
32
+ html{
33
+ --width-actions-form_small:72px;
34
+ --width-actions-form_large:94px;
35
+ --width-actions-card:40px;
36
+ --spacing-actions-form-padding_y:15px;
37
+ --spacing-actions-card_item-margin_y:14px;
38
+ --icon-actions-card:24px;
39
+ --icon-actions-size:28px;
40
+ --color-actions-text:#ffffff;
41
+ --color-actions-bg-green:#1bc47d;
42
+ --color-actions-bg-warning:#eb5c31;
43
+ --color-actions-bg-blue:#5998e9;
44
+ --color-actions-bg-gray:#7f7f7f;
45
+ --color-actions-bg-green-disable:#d2f3ea;
46
+ --color-actions-bg-warning-disable:#ffdedd;
47
+ --color-actions-bg-blue-disable:#d9f3fe;
48
+ --color-actions-bg-gray-disable:#e6e6e6;
49
+ --color-actions-text-disable:#ffffff;
128
50
  }
129
-
130
- html[theme="dark"]{
131
- --height-button-l:48px;
132
- --height-button-m:36px;
133
- --height-button-s:28px;
134
- --height-button-buy_sell:48px;
135
- --radius-button-l:10px;
136
- --radius-button-m:6px;
137
- --radius-button-s:14px;
138
- --radius-button-buy_sell-1:6px;
139
- --radius-button-buy_sell-2:4px;
140
- --spacing-button-l-padding_left:24px;
141
- --spacing-button-l-padding_right:24px;
142
- --spacing-button-m-padding_left:16px;
143
- --spacing-button-m-padding_right:16px;
144
- --spacing-button-s-padding_left:12px;
145
- --spacing-button-s-padding_right:12px;
146
- --spacing-button-l_icon-margin_y:6px;
147
- --spacing-button-m_icon-margin_y:4px;
148
- --spacing-button-s_icon-margin_y:4px;
149
- --spacing-button-double-margin_y:32px;
150
- --spacing-button-double-margin_x:16px;
151
- --spacing-button-double-margin_mid:13px;
152
- --spacing-button-icon_l_text-margin_top:6px;
153
- --spacing-button-icon_m_text-margin_top:4px;
154
- --spacing-button-icon_s_text-margin_top:2px;
155
- --spacing-button-main-margin_y:80px;
156
- --icon-button-l:20px;
157
- --icon-button-m:16px;
158
- --icon-button-s:12px;
159
- --width-button-border:1px;
160
- --color-button-primary-bg-default:#1bc47d;
161
- --color-button-primary-text-default:#ffffff;
162
- --color-button-primary-bg-press:#09825a;
163
- --color-button-primary-text-press:#ffffff;
164
- --color-button-primary-bg-disable:rgba(27,196,125,.25);
165
- --color-button-primary-text-disable:rgba(235,235,245,.3);
166
- --color-button-secondary-bg-default:rgba(118,118,128,.24);
167
- --color-button-secondary-text-default:#1bc47d;
168
- --color-button-secondary-bg-press:rgba(118,118,128,.5);
169
- --color-button-secondary-text-press:#1bc47d;
170
- --color-button-secondary-bg-disable:rgba(118,118,128,.24);
171
- --color-button-secondary-text-disable:rgba(27,196,125,.25);
172
- --color-button-warning-bg-default:rgba(118,118,128,.24);
173
- --color-button-warning-text-default:#eb5c31;
174
- --color-button-warning-bg-press:rgba(118,118,128,.5);
175
- --color-button-warning-text-press:#eb5c31;
176
- --color-button-warning-bg-disable:rgba(118,118,128,.24);
177
- --color-button-warning-text-disable:rgba(235,92,49,.25);
178
- --color-button-warning_grey-bg-default:rgba(118,118,128,.24);
179
- --color-button-warning_grey-text-default:#eb5c31;
180
- --color-button-warning_grey-bg-press:rgba(118,118,128,.5);
181
- --color-button-warning_grey-text-press:#eb5c31;
182
- --color-button-warning_grey-bg-disable:rgba(118,118,128,.24);
183
- --color-button-warning_grey-text-disable:rgba(235,92,49,.25);
184
- --color-button-tertiary-bg-default:rgba(118,118,128,.24);
185
- --color-button-tertiary-text-default:#F2F5FF;
186
- --color-button-tertiary-bg-press:rgba(118,118,128,.5);
187
- --color-button-tertiary-text-press:#F2F5FF;
188
- --color-button-tertiary-bg-disable:rgba(118,118,128,.24);
189
- --color-button-tertiary-text-disable:rgba(235,235,245,.3);
190
- --color-button-tertiary_grey-bg-default:rgba(118,118,128,.24);
191
- --color-button-tertiary_grey-text-default:#F2F5FF;
192
- --color-button-tertiary_grey-bg-press:rgba(118,118,128,.5);
193
- --color-button-tertiary_grey-text-press:#F2F5FF;
194
- --color-button-tertiary_grey-bg-disable:rgba(118,118,128,.24);
195
- --color-button-tertiary_grey-text-disable:rgba(235,235,245,.3);
196
- --color-button-border-default:rgba(235,235,245,.3);
197
- --color-button-border-text-default:#F2F5FF;
198
- --color-button-border-press:#F2F5FF;
199
- --color-button-border-text-press:#F2F5FF;
200
- --color-button-border-disable:rgba(235,235,245,.3);
201
- --color-button-border-text-disable:rgba(235,235,245,.3);
202
- --color-button-border_primary-default:#1bc47d;
203
- --color-button-border_primary-text-default:#1bc47d;
204
- --color-button-border_primary-press:#09825a;
205
- --color-button-border_primary-text-press:#09825a;
206
- --color-button-border_primary-text-disable:rgba(27,196,125,.25);
207
- --color-button-border_primary-disable:rgba(27,196,125,.25);
208
- --color-button-border_warning-default:#eb5c31;
209
- --color-button-border_warning-text-default:#eb5c31;
210
- --color-button-border_warning-press:#db2c0d;
211
- --color-button-border_warning-text-press:#db2c0d;
212
- --color-button-border_warning-disable:rgba(235,92,49,.25);
213
- --color-button-border_warning-text-disable:rgba(235,92,49,.25);
214
- --color-button-border_reverse-default:rgba(255,255,255,.85);
215
- --color-button-border_reverse-text-default:#ffffff;
216
- --color-button-border_reverse-press:#ffffff;
217
- --color-button-border_reverse-text-press:rgba(255,255,255,.85);
218
- --color-button-border_reverse-disable:rgba(255,255,255,.3);
219
- --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
220
- --color-button-primary_borderless_text-default:#1bc47d;
221
- --color-button-primary_borderless_text-press:#09825a;
222
- --color-button-primary_borderless_text-disable:rgba(27,196,125,.25);
223
- --color-button-warning_borderless_text-default:#eb5c31;
224
- --color-button-warning_borderless_text-press:#db2c0d;
225
- --color-button-warning_borderless_text-disable:rgba(235,92,49,.25);
226
- --color-button-link_text-default:#5998e9;
227
- --color-button-link_text-press:#076b9d;
228
- --color-button-link_text-disable:rgba(89,152,233,.25);
229
- --color-button-tertiary_borderless_text-default:#F2F5FF;
230
- --color-button-tertiary_borderless_text-press:rgba(235,235,245,.65);
231
- --color-button-tertiary_borderless_text-disable:rgba(235,235,245,.3);
232
- --color-button-buy-bg-default:#1bc47d;
233
- --color-button-buy-text-default:#ffffff;
234
- --color-button-buy-bg-press:#0da36b;
235
- --color-button-buy-text-press:#ffffff;
236
- --color-button-buy-bg-disable:rgba(27,196,125,.3);
237
- --color-button-buy-text-disable:#ffffff;
238
- --color-button-sell-bg-default:#f24822;
239
- --color-button-sell-text-default:#ffffff;
240
- --color-button-sell-bg-press:#db2c0d;
241
- --color-button-sell-text-press:#ffffff;
242
- --color-button-sell-bg-disable:rgba(242,72,34,.3);
243
- --color-button-sell-text-disable:#ffffff;
244
- --color-button-bg-default:rgba(118,118,128,.24);
245
- --color-button-icon-default:#F2F5FF;
246
- --color-button-bg-press:rgba(118,118,128,.5);
247
- --color-button-icon-press:#F2F5FF;
248
- --color-button-bg-disable:rgba(118,118,128,.24);
249
- --color-button-icon-disable:rgba(235,235,245,.3);
250
- }
251
- html{
252
- --height-button-l:48px;
253
- --height-button-m:36px;
254
- --height-button-s:28px;
255
- --height-button-buy_sell:48px;
256
- --radius-button-l:10px;
257
- --radius-button-m:6px;
258
- --radius-button-s:14px;
259
- --radius-button-buy_sell-1:6px;
260
- --radius-button-buy_sell-2:4px;
261
- --spacing-button-l-padding_left:24px;
262
- --spacing-button-l-padding_right:24px;
263
- --spacing-button-m-padding_left:16px;
264
- --spacing-button-m-padding_right:16px;
265
- --spacing-button-s-padding_left:12px;
266
- --spacing-button-s-padding_right:12px;
267
- --spacing-button-l_icon-margin_y:6px;
268
- --spacing-button-m_icon-margin_y:4px;
269
- --spacing-button-s_icon-margin_y:4px;
270
- --spacing-button-double-margin_y:32px;
271
- --spacing-button-double-margin_x:16px;
272
- --spacing-button-double-margin_mid:13px;
273
- --spacing-button-icon_l_text-margin_top:6px;
274
- --spacing-button-icon_m_text-margin_top:4px;
275
- --spacing-button-icon_s_text-margin_top:2px;
276
- --spacing-button-main-margin_y:80px;
277
- --icon-button-l:20px;
278
- --icon-button-m:16px;
279
- --icon-button-s:12px;
280
- --width-button-border:1px;
281
- --color-button-primary-bg-default:#1bc47d;
282
- --color-button-primary-text-default:#ffffff;
283
- --color-button-primary-bg-press:#0da36b;
284
- --color-button-primary-text-press:#ffffff;
285
- --color-button-primary-bg-disable:rgba(27,196,125,.3);
286
- --color-button-primary-text-disable:#ffffff;
287
- --color-button-secondary-bg-default:#ffffff;
288
- --color-button-secondary-text-default:#1bc47d;
289
- --color-button-secondary-bg-press:#f7f8f9;
290
- --color-button-secondary-text-press:#1bc47d;
291
- --color-button-secondary-bg-disable:#ffffff;
292
- --color-button-secondary-text-disable:rgba(27,196,125,.3);
293
- --color-button-warning-bg-default:#ffffff;
294
- --color-button-warning-text-default:#eb5c31;
295
- --color-button-warning-bg-press:#f7f8f9;
296
- --color-button-warning-text-press:#eb5c31;
297
- --color-button-warning-bg-disable:#ffffff;
298
- --color-button-warning-text-disable:rgba(235,92,49,.3);
299
- --color-button-warning_grey-bg-default:#f7f8f9;
300
- --color-button-warning_grey-text-default:#eb5c31;
301
- --color-button-warning_grey-bg-press:#f7f8f9;
302
- --color-button-warning_grey-text-press:#eb5c31;
303
- --color-button-warning_grey-bg-disable:#f7f8f9;
304
- --color-button-warning_grey-text-disable:rgba(235,92,49,.3);
305
- --color-button-tertiary-bg-default:#ffffff;
306
- --color-button-tertiary-text-default:rgba(0,0,0,.85);
307
- --color-button-tertiary-bg-press:#f7f8f9;
308
- --color-button-tertiary-text-press:rgba(0,0,0,.85);
309
- --color-button-tertiary-bg-disable:#ffffff;
310
- --color-button-tertiary-text-disable:rgba(0,0,0,.3);
311
- --color-button-tertiary_grey-bg-default:#f7f8f9;
312
- --color-button-tertiary_grey-text-default:rgba(0,0,0,.85);
313
- --color-button-tertiary_grey-bg-press:#f7f8f9;
314
- --color-button-tertiary_grey-text-press:rgba(0,0,0,.85);
315
- --color-button-tertiary_grey-bg-disable:#f7f8f9;
316
- --color-button-tertiary_grey-text-disable:rgba(0,0,0,.3);
317
- --color-button-border-default:rgba(0,0,0,.3);
318
- --color-button-border-text-default:rgba(0,0,0,.85);
319
- --color-button-border-press:rgba(0,0,0,.85);
320
- --color-button-border-text-press:rgba(0,0,0,.85);
321
- --color-button-border-disable:rgba(0,0,0,.3);
322
- --color-button-border-text-disable:rgba(0,0,0,.3);
323
- --color-button-border_primary-default:#1bc47d;
324
- --color-button-border_primary-text-default:#1bc47d;
325
- --color-button-border_primary-press:#09825a;
326
- --color-button-border_primary-text-press:#09825a;
327
- --color-button-border_primary-disable:rgba(27,196,125,.3);
328
- --color-button-border_primary-text-disable:rgba(27,196,125,.3);
329
- --color-button-border_warning-default:#eb5c31;
330
- --color-button-border_warning-text-default:#eb5c31;
331
- --color-button-border_warning-press:#db2c0d;
332
- --color-button-border_warning-text-press:#db2c0d;
333
- --color-button-border_warning-disable:rgba(235,92,49,.3);
334
- --color-button-border_warning-text-disable:rgba(235,92,49,.3);
335
- --color-button-border_reverse-default:rgba(255,255,255,.85);
336
- --color-button-border_reverse-text-default:#ffffff;
337
- --color-button-border_reverse-press:#ffffff;
338
- --color-button-border_reverse-text-press:rgba(255,255,255,.85);
339
- --color-button-border_reverse-disable:rgba(255,255,255,.3);
340
- --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
341
- --color-button-primary_borderless_text-default:#1bc47d;
342
- --color-button-primary_borderless_text-press:#09825a;
343
- --color-button-primary_borderless_text-disable:rgba(27,196,125,.3);
344
- --color-button-warning_borderless_text-default:#eb5c31;
345
- --color-button-warning_borderless_text-press:#db2c0d;
346
- --color-button-warning_borderless_text-disable:rgba(235,92,49,.3);
347
- --color-button-link_text-default:#5998e9;
348
- --color-button-link_text-press:#076b9d;
349
- --color-button-link_text-disable:rgba(89,152,233,.3);
350
- --color-button-tertiary_borderless_text-default:rgba(0,0,0,.85);
351
- --color-button-tertiary_borderless_text-press:rgba(0,0,0,.5);
352
- --color-button-tertiary_borderless_text-disable:rgba(0,0,0,.3);
353
- --color-button-buy-bg-default:#1bc47d;
354
- --color-button-buy-text-default:#ffffff;
355
- --color-button-buy-bg-press:#0da36b;
356
- --color-button-buy-text-press:#ffffff;
357
- --color-button-buy-bg-disable:rgba(27,196,125,.3);
358
- --color-button-buy-text-disable:#ffffff;
359
- --color-button-sell-bg-default:#f24822;
360
- --color-button-sell-text-default:#ffffff;
361
- --color-button-sell-bg-press:#db2c0d;
362
- --color-button-sell-text-press:#ffffff;
363
- --color-button-sell-bg-disable:rgba(242,72,34,.3);
364
- --color-button-sell-text-disable:#ffffff;
365
- --color-button-bg-default:#f7f8f9;
366
- --color-button-icon-default:rgba(0,0,0,.5);
367
- --color-button-bg-press:#f7f8f9;
368
- --color-button-icon-press:rgba(0,0,0,.5);
369
- --color-button-bg-disable:#f7f8f9;
370
- --color-button-icon-disable:rgba(0,0,0,.3);
51
+
52
+ html[theme="dark"]{
53
+ --height-activityviews-title_describe:74px;
54
+ --height-activityviews-actionsheet:56px;
55
+ --height-activityviews-actionsheet_divider:8px;
56
+ --height-activityviews-bar:3px;
57
+ --radius-activityviews-title:14px;
58
+ --radius-activityviews-bar:1.5px;
59
+ --spacing-activityviews-padding_left:20px;
60
+ --spacing-activityviews-padding_right:20px;
61
+ --spacing-activityviews-head-padding_top:16px;
62
+ --spacing-activityviews-head-padding_bottom:16px;
63
+ --spacing-activityviews-describe-margin_top:4px;
64
+ --spacing-activityviews-title-margin_right:8px;
65
+ --spacing-activityviews-actionsheet_title-padding_y:16px;
66
+ --spacing-activityviews-cancel-margin_top:8px;
67
+ --spacing-activityviews-bar-margin_top:8px;
68
+ --spacing-activityviews-bar-margin_bottom:5px;
69
+ --icon-activityviews-close:24px;
70
+ --width-activityviews-bar:35px;
71
+ --color-activityviews-mask-bg:rgba(0,0,0,.6);
72
+ --color-activityviews-bg:#19191E;
73
+ --color-activityviews-title:#F2F5FF;
74
+ --color-activityviews-text_describe:rgba(235,235,245,.65);
75
+ --color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
76
+ --color-activityviews-actionsheet_title:rgba(235,235,245,.65);
77
+ --color-activityviews-bar:rgba(84,84,88,.85);
371
78
  }
372
-
373
- html[theme="dark"]{
374
- --height-check_radio-radio_button_s:32px;
375
- --height-check_radio-radio_button_m:40px;
376
- --height-check_radio-radio_button_l:44px;
377
- --height-check_radio-check_button_s:40px;
378
- --height-check_radio-check_button_m:52px;
379
- --height-check_radio-check_button_l:60px;
380
- --icon-check_radio-sizing:16px;
381
- --icon-check_radio-check_l:24px;
382
- --icon-check_radio-check_s:16px;
383
- --width-check_radio-radio_button_border-default:0.5px;
384
- --width-check_radio-radio_button_border-active:1px;
385
- --radius-check_radio-s:6px;
386
- --radius-check_radio-m:6px;
387
- --radius-check_radio-radio_l:10px;
388
- --radius-check_radio-check_l:6px;
389
- --spacing-check_radio-icon-margin_right:8px;
390
- --spacing-check_radio-text-margin_top:4px;
391
- --spacing-check_radio-group-margin_x:20px;
392
- --spacing-check_radio-check_icon-margin_bottom:4px;
393
- --spacing-check_radio-check_describe-margin_top:2px;
394
- --spacing-check_radio-check_icon-margin_right:4px;
395
- --spacing-check_radio-button-margin_xy:12px;
396
- --spacing-check_radio-item-margin_x:10px;
397
- --color-check_radio-default:rgba(84,84,88,.85);
398
- --color-check_radio-active:#1bc47d;
399
- --color-check_radio-disable:rgba(84,84,88,.3);
400
- --color-check_radio-active-disable:rgba(27,196,125,.25);
401
- --color-check_radio-text-default:#F2F5FF;
402
- --color-check_radio-text-disable:rgba(235,235,245,.3);
403
- --color-check_radio-text_describe-default:rgba(235,235,245,.65);
404
- --color-check_radio-text_describe-disable:rgba(235,235,245,.3);
405
- --color-check_radio-radio_button_text-default:#F2F5FF;
406
- --color-check_radio-radio_button_text-active:#1bc47d;
407
- --color-check_radio-radio_button_text-disable:rgba(235,235,245,.3);
408
- --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
409
- --color-check_radio-radio_border-default:rgba(84,84,88,.85);
410
- --color-check_radio-radio_border-active:#1bc47d;
411
- --color-check_radio-radio_border-disable:rgba(84,84,88,.85);
412
- --color-check_radio-check_bg-default:rgba(118,118,128,.15);
413
- --color-check_radio-check_bg-active:rgba(27,196,125,.10);
414
- --color-check_radio-check_bg-disable:rgba(118,118,128,.15);
415
- --color-check_radio-check_button_text_describe-default:rgba(235,235,245,.65);
416
- --color-check_radio-check_button_text_describe-active:#1bc47d;
417
- --color-check_radio-check_button_text_describe-disable:rgba(235,235,245,.3);
418
- --color-check_radio-check_button_icon-default:rgba(235,235,245,.65);
419
- --color-check_radio-check_button_icon-active:#1bc47d;
420
- --color-check_radio-check_button_icon-disable:rgba(235,235,245,.3);
421
- --color-check_radio-radio_button_wrong-text-active:#eb5c31;
422
- --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
423
- --color-check_radio-radio_wrong_border-active:#eb5c31;
424
- }
425
- html{
426
- --height-check_radio-radio_button_s:32px;
427
- --height-check_radio-radio_button_m:40px;
428
- --height-check_radio-radio_button_l:44px;
429
- --height-check_radio-check_button_s:40px;
430
- --height-check_radio-check_button_m:52px;
431
- --height-check_radio-check_button_l:60px;
432
- --icon-check_radio-sizing:16px;
433
- --icon-check_radio-check_l:24px;
434
- --icon-check_radio-check_s:16px;
435
- --width-check_radio-radio_button_border-default:0.5px;
436
- --width-check_radio-radio_button_border-active:1px;
437
- --radius-check_radio-s:6px;
438
- --radius-check_radio-m:6px;
439
- --radius-check_radio-radio_l:10px;
440
- --radius-check_radio-check_l:6px;
441
- --spacing-check_radio-icon-margin_right:8px;
442
- --spacing-check_radio-text-margin_top:4px;
443
- --spacing-check_radio-group-margin_x:20px;
444
- --spacing-check_radio-check_icon-margin_bottom:4px;
445
- --spacing-check_radio-check_describe-margin_top:2px;
446
- --spacing-check_radio-check_icon-margin_right:4px;
447
- --spacing-check_radio-button-margin_xy:12px;
448
- --spacing-check_radio-item-margin_x:10px;
449
- --color-check_radio-default:rgba(0,0,0,.15);
450
- --color-check_radio-disable:rgba(0,0,0,.05);
451
- --color-check_radio-active:#1bc47d;
452
- --color-check_radio-active-disable:rgba(27,196,125,.3);
453
- --color-check_radio-text-default:rgba(0,0,0,.85);
454
- --color-check_radio-text-disable:rgba(0,0,0,.3);
455
- --color-check_radio-text_describe-default:rgba(0,0,0,.5);
456
- --color-check_radio-text_describe-disable:rgba(0,0,0,.3);
457
- --color-check_radio-radio_button_text-default:rgba(0,0,0,.85);
458
- --color-check_radio-radio_button_text-active:#1bc47d;
459
- --color-check_radio-radio_button_text-disable:rgba(0,0,0,.3);
460
- --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
461
- --color-check_radio-radio_border-default:rgba(0,0,0,.15);
462
- --color-check_radio-radio_border-active:#1bc47d;
463
- --color-check_radio-radio_border-disable:rgba(0,0,0,.15);
464
- --color-check_radio-check_bg-default:#f7f8f9;
465
- --color-check_radio-check_bg-active:rgba(27,196,125,.10);
466
- --color-check_radio-check_bg-disable:#f7f8f9;
467
- --color-check_radio-check_button_text_describe-default:rgba(0,0,0,.5);
468
- --color-check_radio-check_button_text_describe-active:#1bc47d;
469
- --color-check_radio-check_button_text_describe-disable:rgba(0,0,0,.3);
470
- --color-check_radio-check_button_icon-default:rgba(0,0,0,.5);
471
- --color-check_radio-check_button_icon-active:#1bc47d;
472
- --color-check_radio-check_button_icon-disable:rgba(0,0,0,.3);
473
- --color-check_radio-radio_button_wrong-text-active:#eb5c31;
474
- --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
475
- --color-check_radio-radio_wrong_border-active:#eb5c31;
79
+ html{
80
+ --height-activityviews-title_describe:74px;
81
+ --height-activityviews-actionsheet:56px;
82
+ --height-activityviews-actionsheet_divider:8px;
83
+ --height-activityviews-bar:3px;
84
+ --radius-activityviews-title:14px;
85
+ --radius-activityviews-bar:1.5px;
86
+ --spacing-activityviews-padding_left:20px;
87
+ --spacing-activityviews-padding_right:20px;
88
+ --spacing-activityviews-head-padding_top:16px;
89
+ --spacing-activityviews-head-padding_bottom:16px;
90
+ --spacing-activityviews-describe-margin_top:4px;
91
+ --spacing-activityviews-title-margin_right:8px;
92
+ --spacing-activityviews-actionsheet_title-padding_y:16px;
93
+ --spacing-activityviews-cancel-margin_top:8px;
94
+ --spacing-activityviews-bar-margin_top:8px;
95
+ --spacing-activityviews-bar-margin_bottom:5px;
96
+ --icon-activityviews-close:24px;
97
+ --width-activityviews-bar:35px;
98
+ --color-activityviews-mask-bg:rgba(0,0,0,.5);
99
+ --color-activityviews-bg:#ffffff;
100
+ --color-activityviews-title:rgba(0,0,0,.85);
101
+ --color-activityviews-text_describe:rgba(0,0,0,.5);
102
+ --color-activityviews-actionsheet_divider:rgba(153,153,153,.15);
103
+ --color-activityviews-actionsheet_title:rgba(0,0,0,.5);
104
+ --color-activityviews-bar:rgba(0,0,0,.15);
105
+ }
106
+
107
+ html[theme="dark"]{
108
+ --height-badge-count:16px;
109
+ --height-badge-dot:8px;
110
+ --width-badge-count_small:16px;
111
+ --width-badge-dot:8px;
112
+ --radius-badge-count:8px;
113
+ --spacing-badge-count-padding_y:5px;
114
+ --spacing-badge-count-padding_x:1px;
115
+ --color-badge-bg:#eb5c31;
116
+ --color-badge-text:#ffffff;
117
+ }
118
+ html{
119
+ --height-badge-count:16px;
120
+ --height-badge-dot:8px;
121
+ --width-badge-count_small:16px;
122
+ --width-badge-dot:8px;
123
+ --radius-badge-count:8px;
124
+ --spacing-badge-count-padding_y:5px;
125
+ --spacing-badge-count-padding_x:1px;
126
+ --color-badge-bg:#eb5c31;
127
+ --color-badge-text:#ffffff;
128
+ }
129
+
130
+ html[theme="dark"]{
131
+ --height-button-l:48px;
132
+ --height-button-m:36px;
133
+ --height-button-s:28px;
134
+ --height-button-buy_sell:48px;
135
+ --radius-button-l:10px;
136
+ --radius-button-m:6px;
137
+ --radius-button-s:14px;
138
+ --radius-button-buy_sell-1:6px;
139
+ --radius-button-buy_sell-2:4px;
140
+ --spacing-button-l-padding_left:24px;
141
+ --spacing-button-l-padding_right:24px;
142
+ --spacing-button-m-padding_left:16px;
143
+ --spacing-button-m-padding_right:16px;
144
+ --spacing-button-s-padding_left:12px;
145
+ --spacing-button-s-padding_right:12px;
146
+ --spacing-button-l_icon-margin_y:6px;
147
+ --spacing-button-m_icon-margin_y:4px;
148
+ --spacing-button-s_icon-margin_y:4px;
149
+ --spacing-button-double-margin_y:32px;
150
+ --spacing-button-double-margin_x:16px;
151
+ --spacing-button-double-margin_mid:13px;
152
+ --spacing-button-icon_l_text-margin_top:6px;
153
+ --spacing-button-icon_m_text-margin_top:4px;
154
+ --spacing-button-icon_s_text-margin_top:2px;
155
+ --spacing-button-main-margin_y:80px;
156
+ --icon-button-l:20px;
157
+ --icon-button-m:16px;
158
+ --icon-button-s:12px;
159
+ --width-button-border:1px;
160
+ --color-button-primary-bg-default:#1bc47d;
161
+ --color-button-primary-text-default:#ffffff;
162
+ --color-button-primary-bg-press:#09825a;
163
+ --color-button-primary-text-press:#ffffff;
164
+ --color-button-primary-bg-disable:rgba(27,196,125,.25);
165
+ --color-button-primary-text-disable:rgba(235,235,245,.3);
166
+ --color-button-secondary-bg-default:rgba(118,118,128,.24);
167
+ --color-button-secondary-text-default:#1bc47d;
168
+ --color-button-secondary-bg-press:rgba(118,118,128,.5);
169
+ --color-button-secondary-text-press:#1bc47d;
170
+ --color-button-secondary-bg-disable:rgba(118,118,128,.24);
171
+ --color-button-secondary-text-disable:rgba(27,196,125,.25);
172
+ --color-button-warning-bg-default:rgba(118,118,128,.24);
173
+ --color-button-warning-text-default:#eb5c31;
174
+ --color-button-warning-bg-press:rgba(118,118,128,.5);
175
+ --color-button-warning-text-press:#eb5c31;
176
+ --color-button-warning-bg-disable:rgba(118,118,128,.24);
177
+ --color-button-warning-text-disable:rgba(235,92,49,.25);
178
+ --color-button-warning_grey-bg-default:rgba(118,118,128,.24);
179
+ --color-button-warning_grey-text-default:#eb5c31;
180
+ --color-button-warning_grey-bg-press:rgba(118,118,128,.5);
181
+ --color-button-warning_grey-text-press:#eb5c31;
182
+ --color-button-warning_grey-bg-disable:rgba(118,118,128,.24);
183
+ --color-button-warning_grey-text-disable:rgba(235,92,49,.25);
184
+ --color-button-tertiary-bg-default:rgba(118,118,128,.24);
185
+ --color-button-tertiary-text-default:#F2F5FF;
186
+ --color-button-tertiary-bg-press:rgba(118,118,128,.5);
187
+ --color-button-tertiary-text-press:#F2F5FF;
188
+ --color-button-tertiary-bg-disable:rgba(118,118,128,.24);
189
+ --color-button-tertiary-text-disable:rgba(235,235,245,.3);
190
+ --color-button-tertiary_grey-bg-default:rgba(118,118,128,.24);
191
+ --color-button-tertiary_grey-text-default:#F2F5FF;
192
+ --color-button-tertiary_grey-bg-press:rgba(118,118,128,.5);
193
+ --color-button-tertiary_grey-text-press:#F2F5FF;
194
+ --color-button-tertiary_grey-bg-disable:rgba(118,118,128,.24);
195
+ --color-button-tertiary_grey-text-disable:rgba(235,235,245,.3);
196
+ --color-button-border-default:rgba(235,235,245,.3);
197
+ --color-button-border-text-default:#F2F5FF;
198
+ --color-button-border-press:#F2F5FF;
199
+ --color-button-border-text-press:#F2F5FF;
200
+ --color-button-border-disable:rgba(235,235,245,.3);
201
+ --color-button-border-text-disable:rgba(235,235,245,.3);
202
+ --color-button-border_primary-default:#1bc47d;
203
+ --color-button-border_primary-text-default:#1bc47d;
204
+ --color-button-border_primary-press:#09825a;
205
+ --color-button-border_primary-text-press:#09825a;
206
+ --color-button-border_primary-text-disable:rgba(27,196,125,.25);
207
+ --color-button-border_primary-disable:rgba(27,196,125,.25);
208
+ --color-button-border_warning-default:#eb5c31;
209
+ --color-button-border_warning-text-default:#eb5c31;
210
+ --color-button-border_warning-press:#db2c0d;
211
+ --color-button-border_warning-text-press:#db2c0d;
212
+ --color-button-border_warning-disable:rgba(235,92,49,.25);
213
+ --color-button-border_warning-text-disable:rgba(235,92,49,.25);
214
+ --color-button-border_reverse-default:rgba(255,255,255,.85);
215
+ --color-button-border_reverse-text-default:#ffffff;
216
+ --color-button-border_reverse-press:#ffffff;
217
+ --color-button-border_reverse-text-press:rgba(255,255,255,.85);
218
+ --color-button-border_reverse-disable:rgba(255,255,255,.3);
219
+ --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
220
+ --color-button-primary_borderless_text-default:#1bc47d;
221
+ --color-button-primary_borderless_text-press:#09825a;
222
+ --color-button-primary_borderless_text-disable:rgba(27,196,125,.25);
223
+ --color-button-warning_borderless_text-default:#eb5c31;
224
+ --color-button-warning_borderless_text-press:#db2c0d;
225
+ --color-button-warning_borderless_text-disable:rgba(235,92,49,.25);
226
+ --color-button-link_text-default:#5998e9;
227
+ --color-button-link_text-press:#076b9d;
228
+ --color-button-link_text-disable:rgba(89,152,233,.25);
229
+ --color-button-tertiary_borderless_text-default:#F2F5FF;
230
+ --color-button-tertiary_borderless_text-press:rgba(235,235,245,.65);
231
+ --color-button-tertiary_borderless_text-disable:rgba(235,235,245,.3);
232
+ --color-button-buy-bg-default:#1bc47d;
233
+ --color-button-buy-text-default:#ffffff;
234
+ --color-button-buy-bg-press:#0da36b;
235
+ --color-button-buy-text-press:#ffffff;
236
+ --color-button-buy-bg-disable:rgba(27,196,125,.3);
237
+ --color-button-buy-text-disable:#ffffff;
238
+ --color-button-sell-bg-default:#f24822;
239
+ --color-button-sell-text-default:#ffffff;
240
+ --color-button-sell-bg-press:#db2c0d;
241
+ --color-button-sell-text-press:#ffffff;
242
+ --color-button-sell-bg-disable:rgba(242,72,34,.3);
243
+ --color-button-sell-text-disable:#ffffff;
244
+ --color-button-bg-default:rgba(118,118,128,.24);
245
+ --color-button-icon-default:#F2F5FF;
246
+ --color-button-bg-press:rgba(118,118,128,.5);
247
+ --color-button-icon-press:#F2F5FF;
248
+ --color-button-bg-disable:rgba(118,118,128,.24);
249
+ --color-button-icon-disable:rgba(235,235,245,.3);
250
+ }
251
+ html{
252
+ --height-button-l:48px;
253
+ --height-button-m:36px;
254
+ --height-button-s:28px;
255
+ --height-button-buy_sell:48px;
256
+ --radius-button-l:10px;
257
+ --radius-button-m:6px;
258
+ --radius-button-s:14px;
259
+ --radius-button-buy_sell-1:6px;
260
+ --radius-button-buy_sell-2:4px;
261
+ --spacing-button-l-padding_left:24px;
262
+ --spacing-button-l-padding_right:24px;
263
+ --spacing-button-m-padding_left:16px;
264
+ --spacing-button-m-padding_right:16px;
265
+ --spacing-button-s-padding_left:12px;
266
+ --spacing-button-s-padding_right:12px;
267
+ --spacing-button-l_icon-margin_y:6px;
268
+ --spacing-button-m_icon-margin_y:4px;
269
+ --spacing-button-s_icon-margin_y:4px;
270
+ --spacing-button-double-margin_y:32px;
271
+ --spacing-button-double-margin_x:16px;
272
+ --spacing-button-double-margin_mid:13px;
273
+ --spacing-button-icon_l_text-margin_top:6px;
274
+ --spacing-button-icon_m_text-margin_top:4px;
275
+ --spacing-button-icon_s_text-margin_top:2px;
276
+ --spacing-button-main-margin_y:80px;
277
+ --icon-button-l:20px;
278
+ --icon-button-m:16px;
279
+ --icon-button-s:12px;
280
+ --width-button-border:1px;
281
+ --color-button-primary-bg-default:#1bc47d;
282
+ --color-button-primary-text-default:#ffffff;
283
+ --color-button-primary-bg-press:#0da36b;
284
+ --color-button-primary-text-press:#ffffff;
285
+ --color-button-primary-bg-disable:rgba(27,196,125,.3);
286
+ --color-button-primary-text-disable:#ffffff;
287
+ --color-button-secondary-bg-default:#ffffff;
288
+ --color-button-secondary-text-default:#1bc47d;
289
+ --color-button-secondary-bg-press:#f7f8f9;
290
+ --color-button-secondary-text-press:#1bc47d;
291
+ --color-button-secondary-bg-disable:#ffffff;
292
+ --color-button-secondary-text-disable:rgba(27,196,125,.3);
293
+ --color-button-warning-bg-default:#ffffff;
294
+ --color-button-warning-text-default:#eb5c31;
295
+ --color-button-warning-bg-press:#f7f8f9;
296
+ --color-button-warning-text-press:#eb5c31;
297
+ --color-button-warning-bg-disable:#ffffff;
298
+ --color-button-warning-text-disable:rgba(235,92,49,.3);
299
+ --color-button-warning_grey-bg-default:#f7f8f9;
300
+ --color-button-warning_grey-text-default:#eb5c31;
301
+ --color-button-warning_grey-bg-press:#f7f8f9;
302
+ --color-button-warning_grey-text-press:#eb5c31;
303
+ --color-button-warning_grey-bg-disable:#f7f8f9;
304
+ --color-button-warning_grey-text-disable:rgba(235,92,49,.3);
305
+ --color-button-tertiary-bg-default:#ffffff;
306
+ --color-button-tertiary-text-default:rgba(0,0,0,.85);
307
+ --color-button-tertiary-bg-press:#f7f8f9;
308
+ --color-button-tertiary-text-press:rgba(0,0,0,.85);
309
+ --color-button-tertiary-bg-disable:#ffffff;
310
+ --color-button-tertiary-text-disable:rgba(0,0,0,.3);
311
+ --color-button-tertiary_grey-bg-default:#f7f8f9;
312
+ --color-button-tertiary_grey-text-default:rgba(0,0,0,.85);
313
+ --color-button-tertiary_grey-bg-press:#f7f8f9;
314
+ --color-button-tertiary_grey-text-press:rgba(0,0,0,.85);
315
+ --color-button-tertiary_grey-bg-disable:#f7f8f9;
316
+ --color-button-tertiary_grey-text-disable:rgba(0,0,0,.3);
317
+ --color-button-border-default:rgba(0,0,0,.3);
318
+ --color-button-border-text-default:rgba(0,0,0,.85);
319
+ --color-button-border-press:rgba(0,0,0,.85);
320
+ --color-button-border-text-press:rgba(0,0,0,.85);
321
+ --color-button-border-disable:rgba(0,0,0,.3);
322
+ --color-button-border-text-disable:rgba(0,0,0,.3);
323
+ --color-button-border_primary-default:#1bc47d;
324
+ --color-button-border_primary-text-default:#1bc47d;
325
+ --color-button-border_primary-press:#09825a;
326
+ --color-button-border_primary-text-press:#09825a;
327
+ --color-button-border_primary-disable:rgba(27,196,125,.3);
328
+ --color-button-border_primary-text-disable:rgba(27,196,125,.3);
329
+ --color-button-border_warning-default:#eb5c31;
330
+ --color-button-border_warning-text-default:#eb5c31;
331
+ --color-button-border_warning-press:#db2c0d;
332
+ --color-button-border_warning-text-press:#db2c0d;
333
+ --color-button-border_warning-disable:rgba(235,92,49,.3);
334
+ --color-button-border_warning-text-disable:rgba(235,92,49,.3);
335
+ --color-button-border_reverse-default:rgba(255,255,255,.85);
336
+ --color-button-border_reverse-text-default:#ffffff;
337
+ --color-button-border_reverse-press:#ffffff;
338
+ --color-button-border_reverse-text-press:rgba(255,255,255,.85);
339
+ --color-button-border_reverse-disable:rgba(255,255,255,.3);
340
+ --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
341
+ --color-button-primary_borderless_text-default:#1bc47d;
342
+ --color-button-primary_borderless_text-press:#09825a;
343
+ --color-button-primary_borderless_text-disable:rgba(27,196,125,.3);
344
+ --color-button-warning_borderless_text-default:#eb5c31;
345
+ --color-button-warning_borderless_text-press:#db2c0d;
346
+ --color-button-warning_borderless_text-disable:rgba(235,92,49,.3);
347
+ --color-button-link_text-default:#5998e9;
348
+ --color-button-link_text-press:#076b9d;
349
+ --color-button-link_text-disable:rgba(89,152,233,.3);
350
+ --color-button-tertiary_borderless_text-default:rgba(0,0,0,.85);
351
+ --color-button-tertiary_borderless_text-press:rgba(0,0,0,.5);
352
+ --color-button-tertiary_borderless_text-disable:rgba(0,0,0,.3);
353
+ --color-button-buy-bg-default:#1bc47d;
354
+ --color-button-buy-text-default:#ffffff;
355
+ --color-button-buy-bg-press:#0da36b;
356
+ --color-button-buy-text-press:#ffffff;
357
+ --color-button-buy-bg-disable:rgba(27,196,125,.3);
358
+ --color-button-buy-text-disable:#ffffff;
359
+ --color-button-sell-bg-default:#f24822;
360
+ --color-button-sell-text-default:#ffffff;
361
+ --color-button-sell-bg-press:#db2c0d;
362
+ --color-button-sell-text-press:#ffffff;
363
+ --color-button-sell-bg-disable:rgba(242,72,34,.3);
364
+ --color-button-sell-text-disable:#ffffff;
365
+ --color-button-bg-default:#f7f8f9;
366
+ --color-button-icon-default:rgba(0,0,0,.5);
367
+ --color-button-bg-press:#f7f8f9;
368
+ --color-button-icon-press:rgba(0,0,0,.5);
369
+ --color-button-bg-disable:#f7f8f9;
370
+ --color-button-icon-disable:rgba(0,0,0,.3);
371
+ }
372
+
373
+ html[theme="dark"]{
374
+ --height-check_radio-radio_button_s:32px;
375
+ --height-check_radio-radio_button_m:40px;
376
+ --height-check_radio-radio_button_l:44px;
377
+ --height-check_radio-check_button_s:40px;
378
+ --height-check_radio-check_button_m:52px;
379
+ --height-check_radio-check_button_l:60px;
380
+ --icon-check_radio-sizing:16px;
381
+ --icon-check_radio-check_l:24px;
382
+ --icon-check_radio-check_s:16px;
383
+ --width-check_radio-radio_button_border-default:0.5px;
384
+ --width-check_radio-radio_button_border-active:1px;
385
+ --radius-check_radio-s:6px;
386
+ --radius-check_radio-m:6px;
387
+ --radius-check_radio-radio_l:10px;
388
+ --radius-check_radio-check_l:6px;
389
+ --spacing-check_radio-icon-margin_right:8px;
390
+ --spacing-check_radio-text-margin_top:4px;
391
+ --spacing-check_radio-group-margin_x:20px;
392
+ --spacing-check_radio-check_icon-margin_bottom:4px;
393
+ --spacing-check_radio-check_describe-margin_top:2px;
394
+ --spacing-check_radio-check_icon-margin_right:4px;
395
+ --spacing-check_radio-button-margin_xy:12px;
396
+ --spacing-check_radio-item-margin_x:10px;
397
+ --color-check_radio-default:rgba(84,84,88,.85);
398
+ --color-check_radio-active:#1bc47d;
399
+ --color-check_radio-disable:rgba(84,84,88,.3);
400
+ --color-check_radio-active-disable:rgba(27,196,125,.25);
401
+ --color-check_radio-text-default:#F2F5FF;
402
+ --color-check_radio-text-disable:rgba(235,235,245,.3);
403
+ --color-check_radio-text_describe-default:rgba(235,235,245,.65);
404
+ --color-check_radio-text_describe-disable:rgba(235,235,245,.3);
405
+ --color-check_radio-radio_button_text-default:#F2F5FF;
406
+ --color-check_radio-radio_button_text-active:#1bc47d;
407
+ --color-check_radio-radio_button_text-disable:rgba(235,235,245,.3);
408
+ --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
409
+ --color-check_radio-radio_border-default:rgba(84,84,88,.85);
410
+ --color-check_radio-radio_border-active:#1bc47d;
411
+ --color-check_radio-radio_border-disable:rgba(84,84,88,.85);
412
+ --color-check_radio-check_bg-default:rgba(118,118,128,.15);
413
+ --color-check_radio-check_bg-active:rgba(27,196,125,.10);
414
+ --color-check_radio-check_bg-disable:rgba(118,118,128,.15);
415
+ --color-check_radio-check_button_text_describe-default:rgba(235,235,245,.65);
416
+ --color-check_radio-check_button_text_describe-active:#1bc47d;
417
+ --color-check_radio-check_button_text_describe-disable:rgba(235,235,245,.3);
418
+ --color-check_radio-check_button_icon-default:rgba(235,235,245,.65);
419
+ --color-check_radio-check_button_icon-active:#1bc47d;
420
+ --color-check_radio-check_button_icon-disable:rgba(235,235,245,.3);
421
+ --color-check_radio-radio_button_wrong-text-active:#eb5c31;
422
+ --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
423
+ --color-check_radio-radio_wrong_border-active:#eb5c31;
424
+ }
425
+ html{
426
+ --height-check_radio-radio_button_s:32px;
427
+ --height-check_radio-radio_button_m:40px;
428
+ --height-check_radio-radio_button_l:44px;
429
+ --height-check_radio-check_button_s:40px;
430
+ --height-check_radio-check_button_m:52px;
431
+ --height-check_radio-check_button_l:60px;
432
+ --icon-check_radio-sizing:16px;
433
+ --icon-check_radio-check_l:24px;
434
+ --icon-check_radio-check_s:16px;
435
+ --width-check_radio-radio_button_border-default:0.5px;
436
+ --width-check_radio-radio_button_border-active:1px;
437
+ --radius-check_radio-s:6px;
438
+ --radius-check_radio-m:6px;
439
+ --radius-check_radio-radio_l:10px;
440
+ --radius-check_radio-check_l:6px;
441
+ --spacing-check_radio-icon-margin_right:8px;
442
+ --spacing-check_radio-text-margin_top:4px;
443
+ --spacing-check_radio-group-margin_x:20px;
444
+ --spacing-check_radio-check_icon-margin_bottom:4px;
445
+ --spacing-check_radio-check_describe-margin_top:2px;
446
+ --spacing-check_radio-check_icon-margin_right:4px;
447
+ --spacing-check_radio-button-margin_xy:12px;
448
+ --spacing-check_radio-item-margin_x:10px;
449
+ --color-check_radio-default:rgba(0,0,0,.15);
450
+ --color-check_radio-disable:rgba(0,0,0,.05);
451
+ --color-check_radio-active:#1bc47d;
452
+ --color-check_radio-active-disable:rgba(27,196,125,.3);
453
+ --color-check_radio-text-default:rgba(0,0,0,.85);
454
+ --color-check_radio-text-disable:rgba(0,0,0,.3);
455
+ --color-check_radio-text_describe-default:rgba(0,0,0,.5);
456
+ --color-check_radio-text_describe-disable:rgba(0,0,0,.3);
457
+ --color-check_radio-radio_button_text-default:rgba(0,0,0,.85);
458
+ --color-check_radio-radio_button_text-active:#1bc47d;
459
+ --color-check_radio-radio_button_text-disable:rgba(0,0,0,.3);
460
+ --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
461
+ --color-check_radio-radio_border-default:rgba(0,0,0,.15);
462
+ --color-check_radio-radio_border-active:#1bc47d;
463
+ --color-check_radio-radio_border-disable:rgba(0,0,0,.15);
464
+ --color-check_radio-check_bg-default:#f7f8f9;
465
+ --color-check_radio-check_bg-active:rgba(27,196,125,.10);
466
+ --color-check_radio-check_bg-disable:#f7f8f9;
467
+ --color-check_radio-check_button_text_describe-default:rgba(0,0,0,.5);
468
+ --color-check_radio-check_button_text_describe-active:#1bc47d;
469
+ --color-check_radio-check_button_text_describe-disable:rgba(0,0,0,.3);
470
+ --color-check_radio-check_button_icon-default:rgba(0,0,0,.5);
471
+ --color-check_radio-check_button_icon-active:#1bc47d;
472
+ --color-check_radio-check_button_icon-disable:rgba(0,0,0,.3);
473
+ --color-check_radio-radio_button_wrong-text-active:#eb5c31;
474
+ --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
475
+ --color-check_radio-radio_wrong_border-active:#eb5c31;
476
476
  }
477
477
 
478
478
  html[theme="dark"]{
@@ -519,6 +519,7 @@ html[theme="dark"]{
519
519
  --color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
520
520
  --color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
521
521
  --color-datalist-option_chain-bg-4:#2C2C2E;
522
+ --color-datalist-option_chain-divider:#0E0E10;
522
523
  }
523
524
  html{
524
525
  --height-datalist-list:60px;
@@ -564,85 +565,86 @@ html{
564
565
  --color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
565
566
  --color-datalist-option_chain-bg-3:#ebedf0;
566
567
  --color-datalist-option_chain-bg-4:#ffffff;
568
+ --color-datalist-option_chain-divider:#ebedf0;
567
569
  }
568
-
569
- html[theme="dark"]{
570
- --height-datepicker-range_picker_bg:36px;
571
- --height-datepicker-range_picker_divider:2px;
572
- --height-datepicker-title-month_year:58px;
573
- --height-datepicker-week:30px;
574
- --height-datepicker-date:39px;
575
- --height-datepicker-today_dot:5px;
576
- --height-datepicker-roll_bg:40px;
577
- --width-datepicker-range_picker_divider:16px;
578
- --radius-datepicker-range_picker_bg:8px;
579
- --radius-datepicker-roll_bg:12px;
580
- --spacing-datepicker-padding_y:20px;
581
- --spacing-datepicker-range_picker-margin_top:10px;
582
- --spacing-datepicker-range_picker-margin_bottom:0px;
583
- --spacing-datepicker-icon_next-margin_y:36px;
584
- --spacing-datepicker-date-margin_top:10px;
585
- --spacing-datepicker-date-margin_bottom:13px;
586
- --spacing-datepicker-date-margin_y:8px;
587
- --spacing-datepicker-roll_month-margin_mid:32px;
588
- --spacing-datepicker-roll_day-margin_mid:16px;
589
- --spacing-datepicker-radio-padding_x:9px;
590
- --icon-datepicker-next:16px;
591
- --color-datepicker-range_picker-bg:rgba(118,118,128,.14);
592
- --color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
593
- --color-datepicker-range_picker-text-active:#F2F5FF;
594
- --color-datepicker-range_picker_divider:rgba(84,84,88,.85);
595
- --color-datepicker-title-month_year:#F2F5FF;
596
- --color-datepicker-icon_next-default:#F2F5FF;
597
- --color-datepicker-icon_next-disable:rgba(235,235,245,.3);
598
- --color-datepicker-text-week:rgba(235,235,245,.65);
599
- --color-datepicker-date-bg-default:rgba(118,118,128,.0);
600
- --color-datepicker-date-text-default:#F2F5FF;
601
- --color-datepicker-date-bg-active:#1bc47d;
602
- --color-datepicker-date-text-active:#ffffff;
603
- --color-datepicker-date-bg-disable:rgba(118,118,128,.0);
604
- --color-datepicker-date-text-disable:rgba(235,235,245,.3);
605
- --color-datepicker-today_dot:rgba(235,235,245,.25);
606
- --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
607
- }
608
- html{
609
- --height-datepicker-range_picker_bg:36px;
610
- --height-datepicker-range_picker_divider:2px;
611
- --height-datepicker-title-month_year:58px;
612
- --height-datepicker-week:30px;
613
- --height-datepicker-date:39px;
614
- --height-datepicker-today_dot:5px;
615
- --height-datepicker-roll_bg:40px;
616
- --width-datepicker-range_picker_divider:16px;
617
- --radius-datepicker-range_picker_bg:8px;
618
- --radius-datepicker-roll_bg:12px;
619
- --spacing-datepicker-padding_y:20px;
620
- --spacing-datepicker-range_picker-margin_top:10px;
621
- --spacing-datepicker-range_picker-margin_bottom:0px;
622
- --spacing-datepicker-icon_next-margin_y:36px;
623
- --spacing-datepicker-date-margin_top:10px;
624
- --spacing-datepicker-date-margin_bottom:13px;
625
- --spacing-datepicker-date-margin_y:8px;
626
- --spacing-datepicker-roll_month-margin_mid:32px;
627
- --spacing-datepicker-roll_day-margin_mid:16px;
628
- --spacing-datepicker-radio-padding_x:9px;
629
- --icon-datepicker-next:16px;
630
- --color-datepicker-range_picker-bg:#f7f8f9;
631
- --color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
632
- --color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
633
- --color-datepicker-range_picker_divider:rgba(0,0,0,.15);
634
- --color-datepicker-title-month_year:rgba(0,0,0,.85);
635
- --color-datepicker-icon_next-default:rgba(0,0,0,.85);
636
- --color-datepicker-icon_next-disable:rgba(0,0,0,.3);
637
- --color-datepicker-text-week:rgba(0,0,0,.5);
638
- --color-datepicker-date-bg-default:#ffffff;
639
- --color-datepicker-date-text-default:rgba(0,0,0,.85);
640
- --color-datepicker-date-bg-active:#1bc47d;
641
- --color-datepicker-date-text-active:#ffffff;
642
- --color-datepicker-date-bg-disable:#ffffff;
643
- --color-datepicker-date-text-disable:rgba(0,0,0,.3);
644
- --color-datepicker-today_dot:rgba(0,0,0,.15);
645
- --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
570
+
571
+ html[theme="dark"]{
572
+ --height-datepicker-range_picker_bg:36px;
573
+ --height-datepicker-range_picker_divider:2px;
574
+ --height-datepicker-title-month_year:58px;
575
+ --height-datepicker-week:30px;
576
+ --height-datepicker-date:39px;
577
+ --height-datepicker-today_dot:5px;
578
+ --height-datepicker-roll_bg:40px;
579
+ --width-datepicker-range_picker_divider:16px;
580
+ --radius-datepicker-range_picker_bg:8px;
581
+ --radius-datepicker-roll_bg:12px;
582
+ --spacing-datepicker-padding_y:20px;
583
+ --spacing-datepicker-range_picker-margin_top:10px;
584
+ --spacing-datepicker-range_picker-margin_bottom:0px;
585
+ --spacing-datepicker-icon_next-margin_y:36px;
586
+ --spacing-datepicker-date-margin_top:10px;
587
+ --spacing-datepicker-date-margin_bottom:13px;
588
+ --spacing-datepicker-date-margin_y:8px;
589
+ --spacing-datepicker-roll_month-margin_mid:32px;
590
+ --spacing-datepicker-roll_day-margin_mid:16px;
591
+ --spacing-datepicker-radio-padding_x:9px;
592
+ --icon-datepicker-next:16px;
593
+ --color-datepicker-range_picker-bg:rgba(118,118,128,.14);
594
+ --color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
595
+ --color-datepicker-range_picker-text-active:#F2F5FF;
596
+ --color-datepicker-range_picker_divider:rgba(84,84,88,.85);
597
+ --color-datepicker-title-month_year:#F2F5FF;
598
+ --color-datepicker-icon_next-default:#F2F5FF;
599
+ --color-datepicker-icon_next-disable:rgba(235,235,245,.3);
600
+ --color-datepicker-text-week:rgba(235,235,245,.65);
601
+ --color-datepicker-date-bg-default:rgba(118,118,128,.0);
602
+ --color-datepicker-date-text-default:#F2F5FF;
603
+ --color-datepicker-date-bg-active:#1bc47d;
604
+ --color-datepicker-date-text-active:#ffffff;
605
+ --color-datepicker-date-bg-disable:rgba(118,118,128,.0);
606
+ --color-datepicker-date-text-disable:rgba(235,235,245,.3);
607
+ --color-datepicker-today_dot:rgba(235,235,245,.25);
608
+ --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
609
+ }
610
+ html{
611
+ --height-datepicker-range_picker_bg:36px;
612
+ --height-datepicker-range_picker_divider:2px;
613
+ --height-datepicker-title-month_year:58px;
614
+ --height-datepicker-week:30px;
615
+ --height-datepicker-date:39px;
616
+ --height-datepicker-today_dot:5px;
617
+ --height-datepicker-roll_bg:40px;
618
+ --width-datepicker-range_picker_divider:16px;
619
+ --radius-datepicker-range_picker_bg:8px;
620
+ --radius-datepicker-roll_bg:12px;
621
+ --spacing-datepicker-padding_y:20px;
622
+ --spacing-datepicker-range_picker-margin_top:10px;
623
+ --spacing-datepicker-range_picker-margin_bottom:0px;
624
+ --spacing-datepicker-icon_next-margin_y:36px;
625
+ --spacing-datepicker-date-margin_top:10px;
626
+ --spacing-datepicker-date-margin_bottom:13px;
627
+ --spacing-datepicker-date-margin_y:8px;
628
+ --spacing-datepicker-roll_month-margin_mid:32px;
629
+ --spacing-datepicker-roll_day-margin_mid:16px;
630
+ --spacing-datepicker-radio-padding_x:9px;
631
+ --icon-datepicker-next:16px;
632
+ --color-datepicker-range_picker-bg:#f7f8f9;
633
+ --color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
634
+ --color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
635
+ --color-datepicker-range_picker_divider:rgba(0,0,0,.15);
636
+ --color-datepicker-title-month_year:rgba(0,0,0,.85);
637
+ --color-datepicker-icon_next-default:rgba(0,0,0,.85);
638
+ --color-datepicker-icon_next-disable:rgba(0,0,0,.3);
639
+ --color-datepicker-text-week:rgba(0,0,0,.5);
640
+ --color-datepicker-date-bg-default:#ffffff;
641
+ --color-datepicker-date-text-default:rgba(0,0,0,.85);
642
+ --color-datepicker-date-bg-active:#1bc47d;
643
+ --color-datepicker-date-text-active:#ffffff;
644
+ --color-datepicker-date-bg-disable:#ffffff;
645
+ --color-datepicker-date-text-disable:rgba(0,0,0,.3);
646
+ --color-datepicker-today_dot:rgba(0,0,0,.15);
647
+ --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
646
648
  }
647
649
  :root {
648
650
  --outline-visible: none; /* 默认不显示描边 */
@@ -654,233 +656,233 @@ html{
654
656
  outline: var(--outline-visible) solid rgba(255,0,0,.3);
655
657
  }
656
658
 
657
-
658
- html[theme="dark"]{
659
- --height-dialog-super_small:44px;
660
- --height-dialog-super_large:240px;
661
- --radius-dialog-content:14px;
662
- --radius-dialog-content_box:10px;
663
- --spacing-dialog-padding_left:20px;
664
- --spacing-dialog-padding_right:20px;
665
- --spacing-dialog-padding_top:32px;
666
- --spacing-dialog-padding_bottom:24px;
667
- --spacing-dialog-button-margin_top:24px;
668
- --spacing-dialog-title-margin_bottom:8px;
669
- --spacing-dialog-button_double-margin_mid:8px;
670
- --spacing-dialog-button_single-margin_left:16px;
671
- --spacing-dialog-button_single-margin_right:16px;
672
- --spacing-dialog-icon-padding_top:20px;
673
- --spacing-dialog-icon_title-margin_top:12px;
674
- --spacing-dialog-button_text-padding_bottom:8px;
675
- --spacing-dialog-content_box-padding_x:20px;
676
- --spacing-dialog-content_box-padding_y:20px;
677
- --spacing-dialog-content_box_title-margin_bottom:8px;
678
- --spacing-dialog-content_box_icon-margin_right:8px;
679
- --spacing-dialog-sequence-padding_x:8px;
680
- --spacing-dialog-sequence_point-padding_Y:8px;
681
- --spacing-dialog-sequence_number-padding_Y:4px;
682
- --size-dialog-sequence_point:4px;
683
- --color-dialog-bg:rgba(118,118,128,.24);
684
- --color-dialog-mask_bg:rgba(0,0,0,.6);
685
- --color-dialog-title:#F2F5FF;
686
- --color-dialog-text:#F2F5FF;
687
- --color-dialog-content-bg:rgba(118,118,128,.14);
688
- --color-dialog-sequence_point:rgba(235,235,245,.3);
689
- }
690
- html{
691
- --height-dialog-super_small:44px;
692
- --height-dialog-super_large:240px;
693
- --radius-dialog-content:14px;
694
- --radius-dialog-content_box:10px;
695
- --spacing-dialog-padding_left:20px;
696
- --spacing-dialog-padding_right:20px;
697
- --spacing-dialog-padding_top:32px;
698
- --spacing-dialog-padding_bottom:24px;
699
- --spacing-dialog-button-margin_top:24px;
700
- --spacing-dialog-title-margin_bottom:8px;
701
- --spacing-dialog-button_double-margin_mid:8px;
702
- --spacing-dialog-button_single-margin_left:16px;
703
- --spacing-dialog-button_single-margin_right:16px;
704
- --spacing-dialog-icon-padding_top:20px;
705
- --spacing-dialog-icon_title-margin_top:12px;
706
- --spacing-dialog-button_text-padding_bottom:8px;
707
- --spacing-dialog-content_box-padding_x:20px;
708
- --spacing-dialog-content_box-padding_y:20px;
709
- --spacing-dialog-content_box_title-margin_bottom:8px;
710
- --spacing-dialog-content_box_icon-margin_right:8px;
711
- --spacing-dialog-sequence-padding_x:8px;
712
- --spacing-dialog-sequence_point-padding_Y:8px;
713
- --spacing-dialog-sequence_number-padding_Y:4px;
714
- --size-dialog-sequence_point:4px;
715
- --color-dialog-bg:#ffffff;
716
- --color-dialog-mask_bg:rgba(0,0,0,.5);
717
- --color-dialog-title:rgba(0,0,0,.85);
718
- --color-dialog-text:rgba(0,0,0,.85);
719
- --color-dialog-content-bg:#f7f8f9;
720
- --color-dialog-sequence_point:rgba(0,0,0,.3);
659
+
660
+ html[theme="dark"]{
661
+ --height-dialog-super_small:44px;
662
+ --height-dialog-super_large:240px;
663
+ --radius-dialog-content:14px;
664
+ --radius-dialog-content_box:10px;
665
+ --spacing-dialog-padding_left:20px;
666
+ --spacing-dialog-padding_right:20px;
667
+ --spacing-dialog-padding_top:32px;
668
+ --spacing-dialog-padding_bottom:24px;
669
+ --spacing-dialog-button-margin_top:24px;
670
+ --spacing-dialog-title-margin_bottom:8px;
671
+ --spacing-dialog-button_double-margin_mid:8px;
672
+ --spacing-dialog-button_single-margin_left:16px;
673
+ --spacing-dialog-button_single-margin_right:16px;
674
+ --spacing-dialog-icon-padding_top:20px;
675
+ --spacing-dialog-icon_title-margin_top:12px;
676
+ --spacing-dialog-button_text-padding_bottom:8px;
677
+ --spacing-dialog-content_box-padding_x:20px;
678
+ --spacing-dialog-content_box-padding_y:20px;
679
+ --spacing-dialog-content_box_title-margin_bottom:8px;
680
+ --spacing-dialog-content_box_icon-margin_right:8px;
681
+ --spacing-dialog-sequence-padding_x:8px;
682
+ --spacing-dialog-sequence_point-padding_Y:8px;
683
+ --spacing-dialog-sequence_number-padding_Y:4px;
684
+ --size-dialog-sequence_point:4px;
685
+ --color-dialog-bg:rgba(118,118,128,.24);
686
+ --color-dialog-mask_bg:rgba(0,0,0,.6);
687
+ --color-dialog-title:#F2F5FF;
688
+ --color-dialog-text:#F2F5FF;
689
+ --color-dialog-content-bg:rgba(118,118,128,.14);
690
+ --color-dialog-sequence_point:rgba(235,235,245,.3);
721
691
  }
722
-
723
- html[theme="dark"]{
724
- --height-dropdown-primary_item:46px;
725
- --height-dropdown-primary_large:314px;
726
- --height-dropdown-secondary_item:46px;
727
- --height-dropdown-secondary_large:314px;
728
- --height-dropdown-state_large:324px;
729
- --height-dropdown-state_item:48px;
730
- --height-dropdown-group_large:348px;
731
- --height-dropdown-tertiary_item:60px;
732
- --height-dropdown-divider:0.5px;
733
- --width-dropdown-primary_small:182px;
734
- --width-dropdown-state_small:204px;
735
- --width-dropdown-group_default:182px;
736
- --width-dropdown-state_drop:6px;
737
- --radius-dropdown-primary:10px;
738
- --radius-dropdown-secondary:10px;
739
- --radius-dropdown-state:10px;
740
- --radius-dropdown-group:8px;
741
- --radius-dropdown-state_item:6px;
742
- --spacing-dropdown-primary-padding_y:16px;
743
- --spacing-dropdown-primary-padding_x:8px;
744
- --spacing-dropdown-primary_icon-margin_right:6px;
745
- --spacing-dropdown-primary_icon_select-margin_left:8px;
746
- --spacing-dropdown-secondary-padding_y:16px;
747
- --spacing-dropdown-secondary-padding_x:8px;
748
- --spacing-dropdown-secondary_icon-margin_right:6px;
749
- --spacing-dropdown-state-padding_y:8px;
750
- --spacing-dropdown-state-padding_x:16px;
751
- --spacing-dropdown-state_item-padding_y:12px;
752
- --spacing-dropdown-group-padding_y:16px;
753
- --spacing-dropdown-group-padding_x:8px;
754
- --spacing-dropdown-group_title-margin_bottom:3px;
755
- --spacing-dropdown-group_text-margin_bottom:3px;
756
- --spacing-dropdown-group_item-padding_top:12px;
757
- --spacing-dropdown-group_item-padding_bottom:11px;
758
- --spacing-dropdown-state_drop-margin_right:4px;
759
- --spacing-dropdown-state_drop-margin_left:8px;
760
- --spacing-dropdown-state_icon-margin_right:6px;
761
- --spacing-dropdown-state_item-margin_bottom:8px;
762
- --icon-dropdown-primary:20px;
763
- --icon-dropdown-primary_select:20px;
764
- --icon-dropdown-secondary:20px;
765
- --icon-dropdown-state:24px;
766
- --icon-dropdown-group:20px;
767
- --color-dropdown-bg-default:#2C2C2E;
768
- --color-dropdown-primary-text-default:#F2F5FF;
769
- --color-dropdown-primary-text-active:#F2F5FF;
770
- --color-dropdown-primary-text-disable:rgba(235,235,245,.3);
771
- --color-dropdown-divider:rgba(84,84,88,.35);
772
- --color-dropdown-secondary-text-default:#F2F5FF;
773
- --color-dropdown-secondary-text-active:#1bc47d;
774
- --color-dropdown-secondary-text-disable:rgba(235,235,245,.3);
775
- --color-dropdown-state-bg-default:#2C2C2E;
776
- --color-dropdown-state-bg-active:rgba(118,118,128,.24);
777
- --color-dropdown-state-text-default:#F2F5FF;
778
- --color-dropdown-state-text-active:#F2F5FF;
779
- --color-dropdown-state-open:#1bc47d;
780
- --color-dropdown-state-preopen:#ffa819;
781
- --color-dropdown-state-close:rgba(235,235,245,.65);
782
- --color-dropdown-state-fusing:rgba(235,235,245,.65);
783
- --color-dropdown-state-pre_market_auction:#f459a7;
784
- --color-dropdown-state-last_trading_session:#18a0fb;
785
- --color-dropdown-group-title-default:rgba(235,235,245,.65);
786
- --color-dropdown-group-text-default:#F2F5FF;
787
- --color-dropdown-tertiary-title:rgba(235,235,245,.65);
788
- }
789
- html{
790
- --height-dropdown-primary_item:46px;
791
- --height-dropdown-primary_large:314px;
792
- --height-dropdown-secondary_item:46px;
793
- --height-dropdown-secondary_large:314px;
794
- --height-dropdown-state_large:324px;
795
- --height-dropdown-state_item:48px;
796
- --height-dropdown-group_large:348px;
797
- --height-dropdown-tertiary_item:60px;
798
- --height-dropdown-divider:0.5px;
799
- --width-dropdown-primary_small:182px;
800
- --width-dropdown-state_small:204px;
801
- --width-dropdown-group_default:182px;
802
- --width-dropdown-state_drop:6px;
803
- --radius-dropdown-primary:10px;
804
- --radius-dropdown-secondary:10px;
805
- --radius-dropdown-state:10px;
806
- --radius-dropdown-group:8px;
807
- --radius-dropdown-state_item:6px;
808
- --spacing-dropdown-primary-padding_y:16px;
809
- --spacing-dropdown-primary-padding_x:8px;
810
- --spacing-dropdown-primary_icon-margin_right:6px;
811
- --spacing-dropdown-primary_icon_select-margin_left:8px;
812
- --spacing-dropdown-secondary-padding_y:16px;
813
- --spacing-dropdown-secondary-padding_x:8px;
814
- --spacing-dropdown-secondary_icon-margin_right:6px;
815
- --spacing-dropdown-state-padding_y:8px;
816
- --spacing-dropdown-state-padding_x:16px;
817
- --spacing-dropdown-state_item-padding_y:12px;
818
- --spacing-dropdown-group-padding_y:16px;
819
- --spacing-dropdown-group-padding_x:8px;
820
- --spacing-dropdown-group_title-margin_bottom:3px;
821
- --spacing-dropdown-group_text-margin_bottom:3px;
822
- --spacing-dropdown-group_item-padding_top:12px;
823
- --spacing-dropdown-group_item-padding_bottom:11px;
824
- --spacing-dropdown-state_drop-margin_right:4px;
825
- --spacing-dropdown-state_drop-margin_left:8px;
826
- --spacing-dropdown-state_icon-margin_right:6px;
827
- --spacing-dropdown-state_item-margin_bottom:8px;
828
- --icon-dropdown-primary:20px;
829
- --icon-dropdown-primary_select:20px;
830
- --icon-dropdown-secondary:20px;
831
- --icon-dropdown-state:24px;
832
- --icon-dropdown-group:20px;
833
- --color-dropdown-bg-default:#ffffff;
834
- --color-dropdown-primary-text-default:rgba(0,0,0,.85);
835
- --color-dropdown-primary-text-active:rgba(0,0,0,.85);
836
- --color-dropdown-primary-text-disable:rgba(0,0,0,.3);
837
- --color-dropdown-divider:rgba(0,0,0,.05);
838
- --color-dropdown-secondary-text-default:rgba(0,0,0,.85);
839
- --color-dropdown-secondary-text-active:#1bc47d;
840
- --color-dropdown-secondary-text-disable:rgba(0,0,0,.3);
841
- --color-dropdown-state-bg-default:#ffffff;
842
- --color-dropdown-state-bg-active:#f7f8f9;
843
- --color-dropdown-state-text-default:rgba(0,0,0,.85);
844
- --color-dropdown-state-text-active:rgba(0,0,0,.85);
845
- --color-dropdown-state-open:#1bc47d;
846
- --color-dropdown-state-preopen:#ffa819;
847
- --color-dropdown-state-close:rgba(0,0,0,.5);
848
- --color-dropdown-state-fusing:rgba(0,0,0,.5);
849
- --color-dropdown-state-pre_market_auction:#f459a7;
850
- --color-dropdown-state-last_trading_session:#18a0fb;
851
- --color-dropdown-group-title-default:rgba(0,0,0,.5);
852
- --color-dropdown-group-text-default:rgba(0,0,0,.85);
853
- --color-dropdown-tertiary-title:rgba(0,0,0,.5);
692
+ html{
693
+ --height-dialog-super_small:44px;
694
+ --height-dialog-super_large:240px;
695
+ --radius-dialog-content:14px;
696
+ --radius-dialog-content_box:10px;
697
+ --spacing-dialog-padding_left:20px;
698
+ --spacing-dialog-padding_right:20px;
699
+ --spacing-dialog-padding_top:32px;
700
+ --spacing-dialog-padding_bottom:24px;
701
+ --spacing-dialog-button-margin_top:24px;
702
+ --spacing-dialog-title-margin_bottom:8px;
703
+ --spacing-dialog-button_double-margin_mid:8px;
704
+ --spacing-dialog-button_single-margin_left:16px;
705
+ --spacing-dialog-button_single-margin_right:16px;
706
+ --spacing-dialog-icon-padding_top:20px;
707
+ --spacing-dialog-icon_title-margin_top:12px;
708
+ --spacing-dialog-button_text-padding_bottom:8px;
709
+ --spacing-dialog-content_box-padding_x:20px;
710
+ --spacing-dialog-content_box-padding_y:20px;
711
+ --spacing-dialog-content_box_title-margin_bottom:8px;
712
+ --spacing-dialog-content_box_icon-margin_right:8px;
713
+ --spacing-dialog-sequence-padding_x:8px;
714
+ --spacing-dialog-sequence_point-padding_Y:8px;
715
+ --spacing-dialog-sequence_number-padding_Y:4px;
716
+ --size-dialog-sequence_point:4px;
717
+ --color-dialog-bg:#ffffff;
718
+ --color-dialog-mask_bg:rgba(0,0,0,.5);
719
+ --color-dialog-title:rgba(0,0,0,.85);
720
+ --color-dialog-text:rgba(0,0,0,.85);
721
+ --color-dialog-content-bg:#f7f8f9;
722
+ --color-dialog-sequence_point:rgba(0,0,0,.3);
854
723
  }
855
-
856
- html[theme="dark"]{
857
- --height-empty-card:140px;
858
- --spacing-empty-large-text-margin_top:16px;
859
- --spacing-empty-large-text-margin_bottom:18px;
860
- --spacing-empty-small-text-margin_top:8px;
861
- --spacing-empty-small-text-margin_bottom:0px;
862
- --color-empty-text:rgba(235,235,245,.65);
863
- }
864
- html{
865
- --height-empty-card:140px;
866
- --spacing-empty-large-text-margin_top:16px;
867
- --spacing-empty-large-text-margin_bottom:18px;
868
- --spacing-empty-small-text-margin_top:8px;
869
- --spacing-empty-small-text-margin_bottom:0px;
870
- --color-empty-text:rgba(0,0,0,.5);
724
+
725
+ html[theme="dark"]{
726
+ --height-dropdown-primary_item:46px;
727
+ --height-dropdown-primary_large:314px;
728
+ --height-dropdown-secondary_item:46px;
729
+ --height-dropdown-secondary_large:314px;
730
+ --height-dropdown-state_large:324px;
731
+ --height-dropdown-state_item:48px;
732
+ --height-dropdown-group_large:348px;
733
+ --height-dropdown-tertiary_item:60px;
734
+ --height-dropdown-divider:0.5px;
735
+ --width-dropdown-primary_small:182px;
736
+ --width-dropdown-state_small:204px;
737
+ --width-dropdown-group_default:182px;
738
+ --width-dropdown-state_drop:6px;
739
+ --radius-dropdown-primary:10px;
740
+ --radius-dropdown-secondary:10px;
741
+ --radius-dropdown-state:10px;
742
+ --radius-dropdown-group:8px;
743
+ --radius-dropdown-state_item:6px;
744
+ --spacing-dropdown-primary-padding_y:16px;
745
+ --spacing-dropdown-primary-padding_x:8px;
746
+ --spacing-dropdown-primary_icon-margin_right:6px;
747
+ --spacing-dropdown-primary_icon_select-margin_left:8px;
748
+ --spacing-dropdown-secondary-padding_y:16px;
749
+ --spacing-dropdown-secondary-padding_x:8px;
750
+ --spacing-dropdown-secondary_icon-margin_right:6px;
751
+ --spacing-dropdown-state-padding_y:8px;
752
+ --spacing-dropdown-state-padding_x:16px;
753
+ --spacing-dropdown-state_item-padding_y:12px;
754
+ --spacing-dropdown-group-padding_y:16px;
755
+ --spacing-dropdown-group-padding_x:8px;
756
+ --spacing-dropdown-group_title-margin_bottom:3px;
757
+ --spacing-dropdown-group_text-margin_bottom:3px;
758
+ --spacing-dropdown-group_item-padding_top:12px;
759
+ --spacing-dropdown-group_item-padding_bottom:11px;
760
+ --spacing-dropdown-state_drop-margin_right:4px;
761
+ --spacing-dropdown-state_drop-margin_left:8px;
762
+ --spacing-dropdown-state_icon-margin_right:6px;
763
+ --spacing-dropdown-state_item-margin_bottom:8px;
764
+ --icon-dropdown-primary:20px;
765
+ --icon-dropdown-primary_select:20px;
766
+ --icon-dropdown-secondary:20px;
767
+ --icon-dropdown-state:24px;
768
+ --icon-dropdown-group:20px;
769
+ --color-dropdown-bg-default:#2C2C2E;
770
+ --color-dropdown-primary-text-default:#F2F5FF;
771
+ --color-dropdown-primary-text-active:#F2F5FF;
772
+ --color-dropdown-primary-text-disable:rgba(235,235,245,.3);
773
+ --color-dropdown-divider:rgba(84,84,88,.35);
774
+ --color-dropdown-secondary-text-default:#F2F5FF;
775
+ --color-dropdown-secondary-text-active:#1bc47d;
776
+ --color-dropdown-secondary-text-disable:rgba(235,235,245,.3);
777
+ --color-dropdown-state-bg-default:#2C2C2E;
778
+ --color-dropdown-state-bg-active:rgba(118,118,128,.24);
779
+ --color-dropdown-state-text-default:#F2F5FF;
780
+ --color-dropdown-state-text-active:#F2F5FF;
781
+ --color-dropdown-state-open:#1bc47d;
782
+ --color-dropdown-state-preopen:#ffa819;
783
+ --color-dropdown-state-close:rgba(235,235,245,.65);
784
+ --color-dropdown-state-fusing:rgba(235,235,245,.65);
785
+ --color-dropdown-state-pre_market_auction:#f459a7;
786
+ --color-dropdown-state-last_trading_session:#18a0fb;
787
+ --color-dropdown-group-title-default:rgba(235,235,245,.65);
788
+ --color-dropdown-group-text-default:#F2F5FF;
789
+ --color-dropdown-tertiary-title:rgba(235,235,245,.65);
871
790
  }
872
-
873
- html[theme="dark"]{
874
- --height-footer-devider:16px;
875
- --spacing-footer-padding_top:24px;
876
- --spacing-footer-padding_bottom:40px;
877
- --spacing-footer-link-margin_bottom:4px;
878
- }
879
- html{
880
- --height-footer-devider:16px;
881
- --spacing-footer-padding_top:24px;
882
- --spacing-footer-padding_bottom:40px;
883
- --spacing-footer-link-margin_bottom:4px;
791
+ html{
792
+ --height-dropdown-primary_item:46px;
793
+ --height-dropdown-primary_large:314px;
794
+ --height-dropdown-secondary_item:46px;
795
+ --height-dropdown-secondary_large:314px;
796
+ --height-dropdown-state_large:324px;
797
+ --height-dropdown-state_item:48px;
798
+ --height-dropdown-group_large:348px;
799
+ --height-dropdown-tertiary_item:60px;
800
+ --height-dropdown-divider:0.5px;
801
+ --width-dropdown-primary_small:182px;
802
+ --width-dropdown-state_small:204px;
803
+ --width-dropdown-group_default:182px;
804
+ --width-dropdown-state_drop:6px;
805
+ --radius-dropdown-primary:10px;
806
+ --radius-dropdown-secondary:10px;
807
+ --radius-dropdown-state:10px;
808
+ --radius-dropdown-group:8px;
809
+ --radius-dropdown-state_item:6px;
810
+ --spacing-dropdown-primary-padding_y:16px;
811
+ --spacing-dropdown-primary-padding_x:8px;
812
+ --spacing-dropdown-primary_icon-margin_right:6px;
813
+ --spacing-dropdown-primary_icon_select-margin_left:8px;
814
+ --spacing-dropdown-secondary-padding_y:16px;
815
+ --spacing-dropdown-secondary-padding_x:8px;
816
+ --spacing-dropdown-secondary_icon-margin_right:6px;
817
+ --spacing-dropdown-state-padding_y:8px;
818
+ --spacing-dropdown-state-padding_x:16px;
819
+ --spacing-dropdown-state_item-padding_y:12px;
820
+ --spacing-dropdown-group-padding_y:16px;
821
+ --spacing-dropdown-group-padding_x:8px;
822
+ --spacing-dropdown-group_title-margin_bottom:3px;
823
+ --spacing-dropdown-group_text-margin_bottom:3px;
824
+ --spacing-dropdown-group_item-padding_top:12px;
825
+ --spacing-dropdown-group_item-padding_bottom:11px;
826
+ --spacing-dropdown-state_drop-margin_right:4px;
827
+ --spacing-dropdown-state_drop-margin_left:8px;
828
+ --spacing-dropdown-state_icon-margin_right:6px;
829
+ --spacing-dropdown-state_item-margin_bottom:8px;
830
+ --icon-dropdown-primary:20px;
831
+ --icon-dropdown-primary_select:20px;
832
+ --icon-dropdown-secondary:20px;
833
+ --icon-dropdown-state:24px;
834
+ --icon-dropdown-group:20px;
835
+ --color-dropdown-bg-default:#ffffff;
836
+ --color-dropdown-primary-text-default:rgba(0,0,0,.85);
837
+ --color-dropdown-primary-text-active:rgba(0,0,0,.85);
838
+ --color-dropdown-primary-text-disable:rgba(0,0,0,.3);
839
+ --color-dropdown-divider:rgba(0,0,0,.05);
840
+ --color-dropdown-secondary-text-default:rgba(0,0,0,.85);
841
+ --color-dropdown-secondary-text-active:#1bc47d;
842
+ --color-dropdown-secondary-text-disable:rgba(0,0,0,.3);
843
+ --color-dropdown-state-bg-default:#ffffff;
844
+ --color-dropdown-state-bg-active:#f7f8f9;
845
+ --color-dropdown-state-text-default:rgba(0,0,0,.85);
846
+ --color-dropdown-state-text-active:rgba(0,0,0,.85);
847
+ --color-dropdown-state-open:#1bc47d;
848
+ --color-dropdown-state-preopen:#ffa819;
849
+ --color-dropdown-state-close:rgba(0,0,0,.5);
850
+ --color-dropdown-state-fusing:rgba(0,0,0,.5);
851
+ --color-dropdown-state-pre_market_auction:#f459a7;
852
+ --color-dropdown-state-last_trading_session:#18a0fb;
853
+ --color-dropdown-group-title-default:rgba(0,0,0,.5);
854
+ --color-dropdown-group-text-default:rgba(0,0,0,.85);
855
+ --color-dropdown-tertiary-title:rgba(0,0,0,.5);
856
+ }
857
+
858
+ html[theme="dark"]{
859
+ --height-empty-card:140px;
860
+ --spacing-empty-large-text-margin_top:16px;
861
+ --spacing-empty-large-text-margin_bottom:18px;
862
+ --spacing-empty-small-text-margin_top:8px;
863
+ --spacing-empty-small-text-margin_bottom:0px;
864
+ --color-empty-text:rgba(235,235,245,.65);
865
+ }
866
+ html{
867
+ --height-empty-card:140px;
868
+ --spacing-empty-large-text-margin_top:16px;
869
+ --spacing-empty-large-text-margin_bottom:18px;
870
+ --spacing-empty-small-text-margin_top:8px;
871
+ --spacing-empty-small-text-margin_bottom:0px;
872
+ --color-empty-text:rgba(0,0,0,.5);
873
+ }
874
+
875
+ html[theme="dark"]{
876
+ --height-footer-devider:16px;
877
+ --spacing-footer-padding_top:24px;
878
+ --spacing-footer-padding_bottom:40px;
879
+ --spacing-footer-link-margin_bottom:4px;
880
+ }
881
+ html{
882
+ --height-footer-devider:16px;
883
+ --spacing-footer-padding_top:24px;
884
+ --spacing-footer-padding_bottom:40px;
885
+ --spacing-footer-link-margin_bottom:4px;
884
886
  }
885
887
 
886
888
  html[theme="dark"]{
@@ -889,6 +891,7 @@ html[theme="dark"]{
889
891
  --spacing-footnav-icon-margin_bottom:2px;
890
892
  --icon-footnav-size:32px;
891
893
  --color-footnav-text-default:rgba(235,235,245,.65);
894
+ --color-footnav-icon-default:rgba(242,245,255,.75);
892
895
  --color-footnav-text-active:#1bc47d;
893
896
  --color-footnav-bg:#0E0E10;
894
897
  }
@@ -898,6 +901,7 @@ html{
898
901
  --spacing-footnav-icon-margin_bottom:2px;
899
902
  --icon-footnav-size:32px;
900
903
  --color-footnav-text-default:rgba(0,0,0,.65);
904
+ --color-footnav-icon-default:rgba(0,0,0,.65);
901
905
  --color-footnav-text-active:#1bc47d;
902
906
  --color-footnav-bg:#ffffff;
903
907
  }
@@ -999,7 +1003,7 @@ html[theme="dark"]{
999
1003
  --yellow-c9:#A17E00;
1000
1004
  --yellow-c10:#725900;
1001
1005
  --yellow-c11:#513F00;
1002
- --yellow-c12:#4D420B;
1006
+ --yellow-c12:#40380C;
1003
1007
  --yellow-opacity-1:rgba(255,199,0,.1);
1004
1008
  --yellow-opacity-2:rgba(255,199,0,.2);
1005
1009
  --yellow-opacity-3:rgba(255,199,0,.3);
@@ -1339,7 +1343,7 @@ html[theme="dark"]{
1339
1343
  --tips-color-tips:#ffc700;
1340
1344
  --tips-color-tips-press:#ffa819;
1341
1345
  --tips-color-tips-disable:rgba(255,199,0,.3);
1342
- --tips-color-tips-light:#4D420B;
1346
+ --tips-color-tips-light:#40380C;
1343
1347
  --tips-color-tips-light-press:#513F00;
1344
1348
  --tips-color-warning:#eb5c31;
1345
1349
  --tips-color-warning-press:#db2c0d;
@@ -1378,6 +1382,7 @@ html[theme="dark"]{
1378
1382
  --color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
1379
1383
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
1380
1384
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
1385
+ --color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
1381
1386
  --color-trade-account_head_card_my-bg:#3A2D72;
1382
1387
  --color-trade-account_head_card_ar-bg:#09825a;
1383
1388
  }
@@ -1478,7 +1483,7 @@ html{
1478
1483
  --yellow-c9:#A17E00;
1479
1484
  --yellow-c10:#725900;
1480
1485
  --yellow-c11:#513F00;
1481
- --yellow-c12:#4D420B;
1486
+ --yellow-c12:#40380C;
1482
1487
  --yellow-opacity-1:rgba(255,199,0,.1);
1483
1488
  --yellow-opacity-2:rgba(255,199,0,.2);
1484
1489
  --yellow-opacity-3:rgba(255,199,0,.3);
@@ -1857,228 +1862,229 @@ html{
1857
1862
  --color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
1858
1863
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
1859
1864
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
1865
+ --color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
1860
1866
  --color-trade-account_head_card_my-bg:#3A2D72;
1861
1867
  --color-trade-account_head_card_ar-bg:#1bc47d;
1862
1868
  }
1863
-
1864
- html[theme="dark"]{
1865
- --height-headnav-primary:72px;
1866
- --height-headnav-secondary:48px;
1867
- --spacing-headnav-padding_y:20px;
1868
- --spacing-headnav-icon-margin_left:20px;
1869
- --spacing-headnav-text_description-margin_top:2px;
1870
- --spacing-headnav-primary-dot-margin_right:4px;
1871
- --spacing-headnav-primary-text-margin_right:8px;
1872
- --spacing-headnav-title-margin_y:0px;
1873
- --spacing-headnav-title-margin_right:8px;
1874
- --color-headnav-title:#F2F5FF;
1875
- --color-headnav-text_description:rgba(235,235,245,.65);
1876
- --color-headnav-text_delayed:rgba(235,235,245,.65);
1877
- --color-headnav-icon:#F2F5FF;
1878
- }
1879
- html{
1880
- --height-headnav-primary:72px;
1881
- --height-headnav-secondary:48px;
1882
- --spacing-headnav-padding_y:20px;
1883
- --spacing-headnav-icon-margin_left:20px;
1884
- --spacing-headnav-text_description-margin_top:2px;
1885
- --spacing-headnav-primary-dot-margin_right:4px;
1886
- --spacing-headnav-primary-text-margin_right:8px;
1887
- --spacing-headnav-title-margin_y:0px;
1888
- --spacing-headnav-title-margin_right:8px;
1889
- --color-headnav-title:rgba(0,0,0,.85);
1890
- --color-headnav-text_description:rgba(0,0,0,.5);
1891
- --color-headnav-text_delayed:rgba(0,0,0,.5);
1892
- --color-headnav-icon:rgba(0,0,0,.85);
1869
+
1870
+ html[theme="dark"]{
1871
+ --height-headnav-primary:72px;
1872
+ --height-headnav-secondary:48px;
1873
+ --spacing-headnav-padding_y:20px;
1874
+ --spacing-headnav-icon-margin_left:20px;
1875
+ --spacing-headnav-text_description-margin_top:2px;
1876
+ --spacing-headnav-primary-dot-margin_right:4px;
1877
+ --spacing-headnav-primary-text-margin_right:8px;
1878
+ --spacing-headnav-title-margin_y:0px;
1879
+ --spacing-headnav-title-margin_right:8px;
1880
+ --color-headnav-title:#F2F5FF;
1881
+ --color-headnav-text_description:rgba(235,235,245,.65);
1882
+ --color-headnav-text_delayed:rgba(235,235,245,.65);
1883
+ --color-headnav-icon:#F2F5FF;
1893
1884
  }
1894
-
1895
- html[theme="dark"]{
1896
- --height-input-form_text:48px;
1897
- --height-input-search_content:64px;
1898
- --height-input-bg:44px;
1899
- --height-input-search_bg:44px;
1900
- --height-input-code_number:48px;
1901
- --height-input-code_number_line:2px;
1902
- --height-input-divider:20px;
1903
- --height-input-textarea:96px;
1904
- --height-input-code:52px;
1905
- --height-input-form_number_text:53px;
1906
- --height-input-textarea_max:240px;
1907
- --height-input-cursor:21px;
1908
- --width-input-code_number:40px;
1909
- --width-input-code_number_line:24px;
1910
- --width-input-cursor:2px;
1911
- --radius-input-bg:10px;
1912
- --radius-input-trade_bg:6px;
1913
- --radius-input-cursor:6px;
1914
- --spacing-input-suffix_icon-margin_y:8px;
1915
- --spacing-input-form_suffix_icon-margin_y:16px;
1916
- --spacing-input-form_divider-margin_y:12px;
1917
- --spacing-input-textarea-padding_x:12px;
1918
- --spacing-input-textarea-padding_y:12px;
1919
- --spacing-input-textarea_text-margin_down:10px;
1920
- --spacing-input-search_textarea-padding_y:20px;
1921
- --spacing-input-search_cancel-margin_left:20px;
1922
- --spacing-input-trade-padding_y:16px;
1923
- --spacing-input-trade_number_divider-margin_y:16px;
1924
- --spacing-input-trade_number_divider-margin_right:12px;
1925
- --spacing-input-trade_number_divider-margin_left:12px;
1926
- --spacing-input-trade_number_input-margin_left:4px;
1927
- --spacing-input-trade_number_input-margin_y:4px;
1928
- --spacing-input-code_number-margin_bottom:2px;
1929
- --spacing-input-code_number-margin_right:15px;
1930
- --spacing-input-code-padding_y:30px;
1931
- --spacing-input-max_text-padding_y:12px;
1932
- --spacing-input-form_text-padding_x:14px;
1933
- --spacing-input-form_number-padding_x:10px;
1934
- --icon-input-clean:20px;
1935
- --icon-input-form_suffix:20px;
1936
- --icon-input-search:20px;
1937
- --icon-input-trade_number_input_icon:20px;
1938
- --color-input-text-default:rgba(235,235,245,.3);
1939
- --color-input-text-active:#F2F5FF;
1940
- --color-input-text-wrong:#eb5c31;
1941
- --color-input-text-disable:rgba(235,235,245,.3);
1942
- --color-input-form-border-default:rgba(84,84,88,.85);
1943
- --color-input-form-border-active:rgba(255,255,255,.85);
1944
- --color-input-form-border-wrong:#eb5c31;
1945
- --color-input-form_counter-default:rgba(235,235,245,.3);
1946
- --color-input-form_counter-warning:#eb5c31;
1947
- --color-input-form-bg-wrong:#3C1A14;
1948
- --color-input-textarea-bg-default:rgba(118,118,128,.14);
1949
- --color-input-trade-bg:rgba(118,118,128,.24);
1950
- --color-input-cursor:#1bc47d;
1951
- }
1952
- html{
1953
- --height-input-form_text:48px;
1954
- --height-input-search_content:64px;
1955
- --height-input-bg:44px;
1956
- --height-input-search_bg:44px;
1957
- --height-input-code_number:48px;
1958
- --height-input-code_number_line:2px;
1959
- --height-input-divider:20px;
1960
- --height-input-textarea:96px;
1961
- --height-input-code:52px;
1962
- --height-input-form_number_text:53px;
1963
- --height-input-textarea_max:240px;
1964
- --height-input-cursor:21px;
1965
- --width-input-code_number:40px;
1966
- --width-input-code_number_line:24px;
1967
- --width-input-cursor:2px;
1968
- --radius-input-bg:10px;
1969
- --radius-input-trade_bg:6px;
1970
- --radius-input-cursor:6px;
1971
- --spacing-input-suffix_icon-margin_y:8px;
1972
- --spacing-input-form_suffix_icon-margin_y:16px;
1973
- --spacing-input-form_divider-margin_y:12px;
1974
- --spacing-input-textarea-padding_x:12px;
1975
- --spacing-input-textarea-padding_y:12px;
1976
- --spacing-input-textarea_text-margin_down:10px;
1977
- --spacing-input-search_textarea-padding_y:20px;
1978
- --spacing-input-search_cancel-margin_left:20px;
1979
- --spacing-input-trade-padding_y:16px;
1980
- --spacing-input-trade_number_divider-margin_y:16px;
1981
- --spacing-input-trade_number_divider-margin_right:12px;
1982
- --spacing-input-trade_number_divider-margin_left:12px;
1983
- --spacing-input-trade_number_input-margin_left:4px;
1984
- --spacing-input-trade_number_input-margin_y:4px;
1985
- --spacing-input-code_number-margin_bottom:2px;
1986
- --spacing-input-code_number-margin_right:15px;
1987
- --spacing-input-code-padding_y:30px;
1988
- --spacing-input-max_text-padding_y:12px;
1989
- --spacing-input-form_text-padding_x:14px;
1990
- --spacing-input-form_number-padding_x:10px;
1991
- --icon-input-clean:20px;
1992
- --icon-input-form_suffix:20px;
1993
- --icon-input-search:20px;
1994
- --icon-input-trade_number_input_icon:20px;
1995
- --color-input-text-default:rgba(0,0,0,.3);
1996
- --color-input-text-active:rgba(0,0,0,.85);
1997
- --color-input-text-wrong:#eb5c31;
1998
- --color-input-text-disable:rgba(0,0,0,.3);
1999
- --color-input-form-border-default:rgba(0,0,0,.15);
2000
- --color-input-form-border-active:rgba(0,0,0,.85);
2001
- --color-input-form-border-wrong:#eb5c31;
2002
- --color-input-form_counter-default:rgba(0,0,0,.3);
2003
- --color-input-form_counter-warning:#eb5c31;
2004
- --color-input-form-bg-wrong:#ffeeee;
2005
- --color-input-textarea-bg-default:#f7f8f9;
2006
- --color-input-trade-bg:rgba(0,0,0,.05);
2007
- --color-input-cursor:#1bc47d;
1885
+ html{
1886
+ --height-headnav-primary:72px;
1887
+ --height-headnav-secondary:48px;
1888
+ --spacing-headnav-padding_y:20px;
1889
+ --spacing-headnav-icon-margin_left:20px;
1890
+ --spacing-headnav-text_description-margin_top:2px;
1891
+ --spacing-headnav-primary-dot-margin_right:4px;
1892
+ --spacing-headnav-primary-text-margin_right:8px;
1893
+ --spacing-headnav-title-margin_y:0px;
1894
+ --spacing-headnav-title-margin_right:8px;
1895
+ --color-headnav-title:rgba(0,0,0,.85);
1896
+ --color-headnav-text_description:rgba(0,0,0,.5);
1897
+ --color-headnav-text_delayed:rgba(0,0,0,.5);
1898
+ --color-headnav-icon:rgba(0,0,0,.85);
2008
1899
  }
2009
-
2010
- html[theme="dark"]{
2011
- --spacing-list-info_title-margin_right:8px;
2012
- --spacing-list-info_icon-margin_y:4px;
2013
- --spacing-list-info_s-padding_top:7px;
2014
- --spacing-list-info_s-padding_bottom:8px;
2015
- --spacing-list-info_m-padding_top:11px;
2016
- --spacing-list-info_m-padding_bottom:12px;
2017
- --spacing-list-info_l-padding_top:14px;
2018
- --spacing-list-info_l-padding_bottom:15px;
2019
- --spacing-list-common-padding_x:16px;
2020
- --spacing-list-common-padding_y:16px;
2021
- --spacing-list-common_icon-margin_right:12px;
2022
- --spacing-list-common_badge-margin_left:12px;
2023
- --spacing-list-common_describe-margin_xy:4px;
2024
- --spacing-list-check_icon-margin_right:8px;
2025
- --spacing-list-check-margin_left:12px;
2026
- --spacing-list-common_switch-margin_left:8px;
2027
- --icon-list-right:16px;
2028
- --icon-list-check:20px;
2029
- --color-list-title:#F2F5FF;
2030
- --color-list-text:rgba(235,235,245,.65);
2031
- }
2032
- html{
2033
- --spacing-list-info_title-margin_right:8px;
2034
- --spacing-list-info_icon-margin_y:4px;
2035
- --spacing-list-info_s-padding_top:7px;
2036
- --spacing-list-info_s-padding_bottom:8px;
2037
- --spacing-list-info_m-padding_top:11px;
2038
- --spacing-list-info_m-padding_bottom:12px;
2039
- --spacing-list-info_l-padding_top:14px;
2040
- --spacing-list-info_l-padding_bottom:15px;
2041
- --spacing-list-common-padding_x:16px;
2042
- --spacing-list-common-padding_y:16px;
2043
- --spacing-list-common_icon-margin_right:12px;
2044
- --spacing-list-common_badge-margin_left:12px;
2045
- --spacing-list-common_describe-margin_xy:4px;
2046
- --spacing-list-check_icon-margin_right:8px;
2047
- --spacing-list-check-margin_left:12px;
2048
- --spacing-list-common_switch-margin_left:8px;
2049
- --icon-list-right:16px;
2050
- --icon-list-check:20px;
2051
- --color-list-title:rgba(0,0,0,.85);
2052
- --color-list-text:rgba(0,0,0,.5);
1900
+
1901
+ html[theme="dark"]{
1902
+ --height-input-form_text:48px;
1903
+ --height-input-search_content:64px;
1904
+ --height-input-bg:44px;
1905
+ --height-input-search_bg:44px;
1906
+ --height-input-code_number:48px;
1907
+ --height-input-code_number_line:2px;
1908
+ --height-input-divider:20px;
1909
+ --height-input-textarea:96px;
1910
+ --height-input-code:52px;
1911
+ --height-input-form_number_text:53px;
1912
+ --height-input-textarea_max:240px;
1913
+ --height-input-cursor:21px;
1914
+ --width-input-code_number:40px;
1915
+ --width-input-code_number_line:24px;
1916
+ --width-input-cursor:2px;
1917
+ --radius-input-bg:10px;
1918
+ --radius-input-trade_bg:6px;
1919
+ --radius-input-cursor:6px;
1920
+ --spacing-input-suffix_icon-margin_y:8px;
1921
+ --spacing-input-form_suffix_icon-margin_y:16px;
1922
+ --spacing-input-form_divider-margin_y:12px;
1923
+ --spacing-input-textarea-padding_x:12px;
1924
+ --spacing-input-textarea-padding_y:12px;
1925
+ --spacing-input-textarea_text-margin_down:10px;
1926
+ --spacing-input-search_textarea-padding_y:20px;
1927
+ --spacing-input-search_cancel-margin_left:20px;
1928
+ --spacing-input-trade-padding_y:16px;
1929
+ --spacing-input-trade_number_divider-margin_y:16px;
1930
+ --spacing-input-trade_number_divider-margin_right:12px;
1931
+ --spacing-input-trade_number_divider-margin_left:12px;
1932
+ --spacing-input-trade_number_input-margin_left:4px;
1933
+ --spacing-input-trade_number_input-margin_y:4px;
1934
+ --spacing-input-code_number-margin_bottom:2px;
1935
+ --spacing-input-code_number-margin_right:15px;
1936
+ --spacing-input-code-padding_y:30px;
1937
+ --spacing-input-max_text-padding_y:12px;
1938
+ --spacing-input-form_text-padding_x:14px;
1939
+ --spacing-input-form_number-padding_x:10px;
1940
+ --icon-input-clean:20px;
1941
+ --icon-input-form_suffix:20px;
1942
+ --icon-input-search:20px;
1943
+ --icon-input-trade_number_input_icon:20px;
1944
+ --color-input-text-default:rgba(235,235,245,.3);
1945
+ --color-input-text-active:#F2F5FF;
1946
+ --color-input-text-wrong:#eb5c31;
1947
+ --color-input-text-disable:rgba(235,235,245,.3);
1948
+ --color-input-form-border-default:rgba(84,84,88,.85);
1949
+ --color-input-form-border-active:rgba(255,255,255,.85);
1950
+ --color-input-form-border-wrong:#eb5c31;
1951
+ --color-input-form_counter-default:rgba(235,235,245,.3);
1952
+ --color-input-form_counter-warning:#eb5c31;
1953
+ --color-input-form-bg-wrong:#3C1A14;
1954
+ --color-input-textarea-bg-default:rgba(118,118,128,.14);
1955
+ --color-input-trade-bg:rgba(118,118,128,.24);
1956
+ --color-input-cursor:#1bc47d;
2053
1957
  }
2054
-
2055
- html[theme="dark"]{
2056
- --height-loading-small:109px;
2057
- --width-loading-small:110px;
2058
- --width-loading-large:279px;
2059
- --radius-loading-size:10px;
2060
- --spacing-loading-padding_y:16px;
2061
- --spacing-loading-padding_x:19px;
2062
- --spacing-loading-icon-margin_bottom:8px;
2063
- --icon-loading-size:48px;
2064
- --icon-loading-refres_small:32px;
2065
- --icon-loading-refres_large:64px;
2066
- --color-loading-bg:rgba(72,72,74,.96);
2067
- --color-loading-text:#ffffff;
2068
- }
2069
- html{
2070
- --height-loading-small:109px;
2071
- --width-loading-small:110px;
2072
- --width-loading-large:279px;
2073
- --radius-loading-size:10px;
2074
- --spacing-loading-padding_y:16px;
2075
- --spacing-loading-padding_x:19px;
2076
- --spacing-loading-icon-margin_bottom:8px;
2077
- --icon-loading-size:48px;
2078
- --icon-loading-refres_small:32px;
2079
- --icon-loading-refres_large:64px;
2080
- --color-loading-bg:rgba(0,0,0,.85);
2081
- --color-loading-text:#ffffff;
1958
+ html{
1959
+ --height-input-form_text:48px;
1960
+ --height-input-search_content:64px;
1961
+ --height-input-bg:44px;
1962
+ --height-input-search_bg:44px;
1963
+ --height-input-code_number:48px;
1964
+ --height-input-code_number_line:2px;
1965
+ --height-input-divider:20px;
1966
+ --height-input-textarea:96px;
1967
+ --height-input-code:52px;
1968
+ --height-input-form_number_text:53px;
1969
+ --height-input-textarea_max:240px;
1970
+ --height-input-cursor:21px;
1971
+ --width-input-code_number:40px;
1972
+ --width-input-code_number_line:24px;
1973
+ --width-input-cursor:2px;
1974
+ --radius-input-bg:10px;
1975
+ --radius-input-trade_bg:6px;
1976
+ --radius-input-cursor:6px;
1977
+ --spacing-input-suffix_icon-margin_y:8px;
1978
+ --spacing-input-form_suffix_icon-margin_y:16px;
1979
+ --spacing-input-form_divider-margin_y:12px;
1980
+ --spacing-input-textarea-padding_x:12px;
1981
+ --spacing-input-textarea-padding_y:12px;
1982
+ --spacing-input-textarea_text-margin_down:10px;
1983
+ --spacing-input-search_textarea-padding_y:20px;
1984
+ --spacing-input-search_cancel-margin_left:20px;
1985
+ --spacing-input-trade-padding_y:16px;
1986
+ --spacing-input-trade_number_divider-margin_y:16px;
1987
+ --spacing-input-trade_number_divider-margin_right:12px;
1988
+ --spacing-input-trade_number_divider-margin_left:12px;
1989
+ --spacing-input-trade_number_input-margin_left:4px;
1990
+ --spacing-input-trade_number_input-margin_y:4px;
1991
+ --spacing-input-code_number-margin_bottom:2px;
1992
+ --spacing-input-code_number-margin_right:15px;
1993
+ --spacing-input-code-padding_y:30px;
1994
+ --spacing-input-max_text-padding_y:12px;
1995
+ --spacing-input-form_text-padding_x:14px;
1996
+ --spacing-input-form_number-padding_x:10px;
1997
+ --icon-input-clean:20px;
1998
+ --icon-input-form_suffix:20px;
1999
+ --icon-input-search:20px;
2000
+ --icon-input-trade_number_input_icon:20px;
2001
+ --color-input-text-default:rgba(0,0,0,.3);
2002
+ --color-input-text-active:rgba(0,0,0,.85);
2003
+ --color-input-text-wrong:#eb5c31;
2004
+ --color-input-text-disable:rgba(0,0,0,.3);
2005
+ --color-input-form-border-default:rgba(0,0,0,.15);
2006
+ --color-input-form-border-active:rgba(0,0,0,.85);
2007
+ --color-input-form-border-wrong:#eb5c31;
2008
+ --color-input-form_counter-default:rgba(0,0,0,.3);
2009
+ --color-input-form_counter-warning:#eb5c31;
2010
+ --color-input-form-bg-wrong:#ffeeee;
2011
+ --color-input-textarea-bg-default:#f7f8f9;
2012
+ --color-input-trade-bg:rgba(0,0,0,.05);
2013
+ --color-input-cursor:#1bc47d;
2014
+ }
2015
+
2016
+ html[theme="dark"]{
2017
+ --spacing-list-info_title-margin_right:8px;
2018
+ --spacing-list-info_icon-margin_y:4px;
2019
+ --spacing-list-info_s-padding_top:7px;
2020
+ --spacing-list-info_s-padding_bottom:8px;
2021
+ --spacing-list-info_m-padding_top:11px;
2022
+ --spacing-list-info_m-padding_bottom:12px;
2023
+ --spacing-list-info_l-padding_top:14px;
2024
+ --spacing-list-info_l-padding_bottom:15px;
2025
+ --spacing-list-common-padding_x:16px;
2026
+ --spacing-list-common-padding_y:16px;
2027
+ --spacing-list-common_icon-margin_right:12px;
2028
+ --spacing-list-common_badge-margin_left:12px;
2029
+ --spacing-list-common_describe-margin_xy:4px;
2030
+ --spacing-list-check_icon-margin_right:8px;
2031
+ --spacing-list-check-margin_left:12px;
2032
+ --spacing-list-common_switch-margin_left:8px;
2033
+ --icon-list-right:16px;
2034
+ --icon-list-check:20px;
2035
+ --color-list-title:#F2F5FF;
2036
+ --color-list-text:rgba(235,235,245,.65);
2037
+ }
2038
+ html{
2039
+ --spacing-list-info_title-margin_right:8px;
2040
+ --spacing-list-info_icon-margin_y:4px;
2041
+ --spacing-list-info_s-padding_top:7px;
2042
+ --spacing-list-info_s-padding_bottom:8px;
2043
+ --spacing-list-info_m-padding_top:11px;
2044
+ --spacing-list-info_m-padding_bottom:12px;
2045
+ --spacing-list-info_l-padding_top:14px;
2046
+ --spacing-list-info_l-padding_bottom:15px;
2047
+ --spacing-list-common-padding_x:16px;
2048
+ --spacing-list-common-padding_y:16px;
2049
+ --spacing-list-common_icon-margin_right:12px;
2050
+ --spacing-list-common_badge-margin_left:12px;
2051
+ --spacing-list-common_describe-margin_xy:4px;
2052
+ --spacing-list-check_icon-margin_right:8px;
2053
+ --spacing-list-check-margin_left:12px;
2054
+ --spacing-list-common_switch-margin_left:8px;
2055
+ --icon-list-right:16px;
2056
+ --icon-list-check:20px;
2057
+ --color-list-title:rgba(0,0,0,.85);
2058
+ --color-list-text:rgba(0,0,0,.5);
2059
+ }
2060
+
2061
+ html[theme="dark"]{
2062
+ --height-loading-small:109px;
2063
+ --width-loading-small:110px;
2064
+ --width-loading-large:279px;
2065
+ --radius-loading-size:10px;
2066
+ --spacing-loading-padding_y:16px;
2067
+ --spacing-loading-padding_x:19px;
2068
+ --spacing-loading-icon-margin_bottom:8px;
2069
+ --icon-loading-size:48px;
2070
+ --icon-loading-refres_small:32px;
2071
+ --icon-loading-refres_large:64px;
2072
+ --color-loading-bg:rgba(72,72,74,.96);
2073
+ --color-loading-text:#ffffff;
2074
+ }
2075
+ html{
2076
+ --height-loading-small:109px;
2077
+ --width-loading-small:110px;
2078
+ --width-loading-large:279px;
2079
+ --radius-loading-size:10px;
2080
+ --spacing-loading-padding_y:16px;
2081
+ --spacing-loading-padding_x:19px;
2082
+ --spacing-loading-icon-margin_bottom:8px;
2083
+ --icon-loading-size:48px;
2084
+ --icon-loading-refres_small:32px;
2085
+ --icon-loading-refres_large:64px;
2086
+ --color-loading-bg:rgba(0,0,0,.85);
2087
+ --color-loading-text:#ffffff;
2082
2088
  }
2083
2089
 
2084
2090
  html[theme="dark"]{
@@ -2111,7 +2117,7 @@ html[theme="dark"]{
2111
2117
  --color-noticebar-snackbar_warning-bg:#3C1A14;
2112
2118
  --color-noticebar-snackbar_warning-text:#ffdedd;
2113
2119
  --color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
2114
- --color-noticebar-snackbar_tips-bg:#4D420B;
2120
+ --color-noticebar-snackbar_tips-bg:#40380C;
2115
2121
  --color-noticebar-snackbar_tips-text:#fff6ca;
2116
2122
  --color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
2117
2123
  --color-noticebar-notification-bg:#2C2C2E;
@@ -2155,8 +2161,8 @@ html{
2155
2161
  --color-noticebar-snackbar_warning-text:#eb5c31;
2156
2162
  --color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
2157
2163
  --color-noticebar-snackbar_tips-bg:#fffbe4;
2158
- --color-noticebar-snackbar_tips-text:#d2a700;
2159
- --color-noticebar-snackbar_tips-icon:rgba(210,167,0,.6);
2164
+ --color-noticebar-snackbar_tips-text:#A17E00;
2165
+ --color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
2160
2166
  --color-noticebar-notification-bg:#ffffff;
2161
2167
  --color-noticebar-notification-text:rgba(0,0,0,.85);
2162
2168
  --color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
@@ -2167,459 +2173,459 @@ html{
2167
2173
  --color-noticebar-toast_info-text:#ffffff;
2168
2174
  --color-noticebar-toast_warning-icon:#eb5c31;
2169
2175
  }
2170
-
2171
- html[theme="dark"]{
2172
- --height-pagebreak-drop:3px;
2173
- --width-pagebreak-drop:8px;
2174
- --radius-pagebreak-drop:1px;
2175
- --radius-pagebreak-number_bg:14px;
2176
- --spacing-pagebreak-drop-margin_right:4px;
2177
- --spacing-pagebreak-number-padding_y:8px;
2178
- --spacing-pagebreak-number-padding_x:1px;
2179
- --color-pagebreak-drop-default:rgba(255,255,255,.20);
2180
- --color-pagebreak-drop-active:rgba(255,255,255,.85);
2181
- --color-pagebreak-number-bg:rgba(0,0,0,.3);
2182
- --color-pagebreak-number-text-default:rgba(255,255,255,.5);
2183
- --color-pagebreak-number-text-active:#ffffff;
2184
- --color-pagebreak-drop-light:#ffffff;
2185
- --color-pagebreak-drop-light-active:rgba(255,255,255,.15);
2186
- }
2187
- html{
2188
- --height-pagebreak-drop:3px;
2189
- --width-pagebreak-drop:8px;
2190
- --radius-pagebreak-drop:1px;
2191
- --radius-pagebreak-number_bg:14px;
2192
- --spacing-pagebreak-drop-margin_right:4px;
2193
- --spacing-pagebreak-number-padding_y:8px;
2194
- --spacing-pagebreak-number-padding_x:1px;
2195
- --color-pagebreak-drop-default:rgba(0,0,0,.15);
2196
- --color-pagebreak-drop-active:rgba(0,0,0,.85);
2197
- --color-pagebreak-number-bg:rgba(0,0,0,.3);
2198
- --color-pagebreak-number-text-default:rgba(255,255,255,.5);
2199
- --color-pagebreak-number-text-active:#ffffff;
2200
- --color-pagebreak-drop-light:#ffffff;
2201
- --color-pagebreak-drop-light-active:rgba(255,255,255,.15);
2176
+
2177
+ html[theme="dark"]{
2178
+ --height-pagebreak-drop:3px;
2179
+ --width-pagebreak-drop:8px;
2180
+ --radius-pagebreak-drop:1px;
2181
+ --radius-pagebreak-number_bg:14px;
2182
+ --spacing-pagebreak-drop-margin_right:4px;
2183
+ --spacing-pagebreak-number-padding_y:8px;
2184
+ --spacing-pagebreak-number-padding_x:1px;
2185
+ --color-pagebreak-drop-default:rgba(255,255,255,.20);
2186
+ --color-pagebreak-drop-active:rgba(255,255,255,.85);
2187
+ --color-pagebreak-number-bg:rgba(0,0,0,.3);
2188
+ --color-pagebreak-number-text-default:rgba(255,255,255,.5);
2189
+ --color-pagebreak-number-text-active:#ffffff;
2190
+ --color-pagebreak-drop-light:#ffffff;
2191
+ --color-pagebreak-drop-light-active:rgba(255,255,255,.15);
2202
2192
  }
2203
-
2204
- html[theme="dark"]{
2205
- --height-popover-primary:33px;
2206
- --height-popover-custom:33px;
2207
- --height-popover-secondary:22px;
2208
- --radius-popover-primary:4px;
2209
- --radius-popover-secondary:4px;
2210
- --radius-popover-custom:4px;
2211
- --spacing-popover-primary-padding_left:12px;
2212
- --spacing-popover-primary-padding_right:12px;
2213
- --spacing-popover-primary-margin_y:4px;
2214
- --spacing-popover-primary-padding_top:8px;
2215
- --spacing-popover-primary-padding_bottom:8px;
2216
- --spacing-popover-secondary-padding_left:8px;
2217
- --spacing-popover-secondary-padding_right:8px;
2218
- --spacing-popover-secondary-margin_y:4px;
2219
- --spacing-popover-secondary-padding_top:4px;
2220
- --spacing-popover-secondary-padding_bottom:4px;
2221
- --spacing-popover-custom-padding_left:12px;
2222
- --spacing-popover-custom-padding_right:12px;
2223
- --spacing-popover-custom-margin_y:4px;
2224
- --icon-popover-primary:16px;
2225
- --icon-popover-secondary:12px;
2226
- --icon-popover-custom:16px;
2227
- --color-popover-primary-bg:#767680;
2228
- --color-popover-primary-text:#ffffff;
2229
- --color-popover-secondary-bg:#767680;
2230
- --color-popover-secondary-text:#ffffff;
2231
- --color-popover-custom-bg:#1bc47d;
2232
- --color-popover-custom-text:#ffffff;
2233
- }
2234
- html{
2235
- --height-popover-primary:33px;
2236
- --height-popover-custom:33px;
2237
- --height-popover-secondary:22px;
2238
- --radius-popover-primary:4px;
2239
- --radius-popover-secondary:4px;
2240
- --radius-popover-custom:4px;
2241
- --spacing-popover-primary-padding_left:12px;
2242
- --spacing-popover-primary-padding_right:12px;
2243
- --spacing-popover-primary-margin_y:4px;
2244
- --spacing-popover-primary-padding_top:8px;
2245
- --spacing-popover-primary-padding_bottom:8px;
2246
- --spacing-popover-secondary-padding_left:8px;
2247
- --spacing-popover-secondary-padding_right:8px;
2248
- --spacing-popover-secondary-margin_y:4px;
2249
- --spacing-popover-secondary-padding_top:4px;
2250
- --spacing-popover-secondary-padding_bottom:4px;
2251
- --spacing-popover-custom-padding_left:12px;
2252
- --spacing-popover-custom-padding_right:12px;
2253
- --spacing-popover-custom-margin_y:4px;
2254
- --icon-popover-primary:16px;
2255
- --icon-popover-secondary:12px;
2256
- --icon-popover-custom:16px;
2257
- --color-popover-primary-bg:#545458;
2258
- --color-popover-primary-text:#ffffff;
2259
- --color-popover-secondary-bg:#545458;
2260
- --color-popover-secondary-text:#ffffff;
2261
- --color-popover-custom-bg:#1bc47d;
2262
- --color-popover-custom-text:#ffffff;
2193
+ html{
2194
+ --height-pagebreak-drop:3px;
2195
+ --width-pagebreak-drop:8px;
2196
+ --radius-pagebreak-drop:1px;
2197
+ --radius-pagebreak-number_bg:14px;
2198
+ --spacing-pagebreak-drop-margin_right:4px;
2199
+ --spacing-pagebreak-number-padding_y:8px;
2200
+ --spacing-pagebreak-number-padding_x:1px;
2201
+ --color-pagebreak-drop-default:rgba(0,0,0,.15);
2202
+ --color-pagebreak-drop-active:rgba(0,0,0,.85);
2203
+ --color-pagebreak-number-bg:rgba(0,0,0,.3);
2204
+ --color-pagebreak-number-text-default:rgba(255,255,255,.5);
2205
+ --color-pagebreak-number-text-active:#ffffff;
2206
+ --color-pagebreak-drop-light:#ffffff;
2207
+ --color-pagebreak-drop-light-active:rgba(255,255,255,.15);
2263
2208
  }
2264
-
2265
- html[theme="dark"]{
2266
- --spacing-result-text-margin_top:12px;
2267
- --spacing-result-text-margin_bottom:28px;
2268
- --spacing-result-title-margin_top:0px;
2269
- --spacing-result-button-margin_y:80px;
2270
- --spacing-result-text_button-margin_top:12px;
2271
- --color-result-title:#F2F5FF;
2272
- --color-result-text:rgba(235,235,245,.65);
2273
- }
2274
- html{
2275
- --spacing-result-text-margin_top:12px;
2276
- --spacing-result-text-margin_bottom:28px;
2277
- --spacing-result-title-margin_top:0px;
2278
- --spacing-result-button-margin_y:80px;
2279
- --spacing-result-text_button-margin_top:12px;
2280
- --color-result-title:rgba(0,0,0,.85);
2281
- --color-result-text:rgba(0,0,0,.5);
2209
+
2210
+ html[theme="dark"]{
2211
+ --height-popover-primary:33px;
2212
+ --height-popover-custom:33px;
2213
+ --height-popover-secondary:22px;
2214
+ --radius-popover-primary:4px;
2215
+ --radius-popover-secondary:4px;
2216
+ --radius-popover-custom:4px;
2217
+ --spacing-popover-primary-padding_left:12px;
2218
+ --spacing-popover-primary-padding_right:12px;
2219
+ --spacing-popover-primary-margin_y:4px;
2220
+ --spacing-popover-primary-padding_top:8px;
2221
+ --spacing-popover-primary-padding_bottom:8px;
2222
+ --spacing-popover-secondary-padding_left:8px;
2223
+ --spacing-popover-secondary-padding_right:8px;
2224
+ --spacing-popover-secondary-margin_y:4px;
2225
+ --spacing-popover-secondary-padding_top:4px;
2226
+ --spacing-popover-secondary-padding_bottom:4px;
2227
+ --spacing-popover-custom-padding_left:12px;
2228
+ --spacing-popover-custom-padding_right:12px;
2229
+ --spacing-popover-custom-margin_y:4px;
2230
+ --icon-popover-primary:16px;
2231
+ --icon-popover-secondary:12px;
2232
+ --icon-popover-custom:16px;
2233
+ --color-popover-primary-bg:#767680;
2234
+ --color-popover-primary-text:#ffffff;
2235
+ --color-popover-secondary-bg:#767680;
2236
+ --color-popover-secondary-text:#ffffff;
2237
+ --color-popover-custom-bg:#1bc47d;
2238
+ --color-popover-custom-text:#ffffff;
2282
2239
  }
2283
-
2284
- html[theme="dark"]{
2285
- --height-selector-form:44px;
2286
- --height-selector-multi:48px;
2287
- --height-selector-multi_button:28px;
2288
- --height-selector-import:44px;
2289
- --radius-selector-form:6px;
2290
- --radius-selector-multi_button:6px;
2291
- --spacing-selector-xl-margin_y:4px;
2292
- --spacing-selector-l-margin_y:4px;
2293
- --spacing-selector-m-margin_y:2px;
2294
- --spacing-selector-s-margin_y:2px;
2295
- --spacing-selector-trade-margin_y:4px;
2296
- --spacing-selector-multi_button-padding_y:12px;
2297
- --spacing-selector-multi_icon_close-margin_left:4px;
2298
- --spacing-selector-multi_button-margin_right:12px;
2299
- --spacing-selector-multi_icon_down-margin_right:8px;
2300
- --spacing-selector-padding_y:16px;
2301
- --spacing-selector-icon-margin_right:4px;
2302
- --spacing-selector-down-margin_left:8px;
2303
- --icon-selector-l:20px;
2304
- --icon-selector-down:16px;
2305
- --icon-selector-m:20px;
2306
- --icon-selector-s:16px;
2307
- --icon-selector-multi_button_close:16px;
2308
- --icon-selector-xl:24px;
2309
- --width-selector-form:335px;
2310
- --color-selector-xl-text-disable:rgba(235,235,245,.3);
2311
- --color-selector-xl-text-default:rgba(235,235,245,.3);
2312
- --color-selector-xl-text-active:#F2F5FF;
2313
- --color-selector-l-text-default:rgba(235,235,245,.3);
2314
- --color-selector-l-text-active:#F2F5FF;
2315
- --color-selector-l-text-disable:rgba(235,235,245,.3);
2316
- --color-selector-icon_down-default:rgba(235,235,245,.65);
2317
- --color-selector-icon_down-active:rgba(235,235,245,.65);
2318
- --color-selector-icon_down-disable:rgba(235,235,245,.3);
2319
- --color-selector-m-text-default:rgba(235,235,245,.3);
2320
- --color-selector-m-text-active:#F2F5FF;
2321
- --color-selector-m-text-disable:rgba(235,235,245,.3);
2322
- --color-selector-s-text-default:rgba(235,235,245,.3);
2323
- --color-selector-s-text-active:#F2F5FF;
2324
- --color-selector-s-text-disable:rgba(235,235,245,.3);
2325
- --color-selector-form-bg-default:rgba(118,118,128,.14);
2326
- --color-selector-form-bg-active:rgba(118,118,128,.14);
2327
- --color-selector-form-bg-disable:rgba(118,118,128,.14);
2328
- --color-selector-form-text-default:rgba(235,235,245,.3);
2329
- --color-selector-form-text-active:#F2F5FF;
2330
- --color-selector-form-text-disable:rgba(235,235,245,.3);
2331
- --color-selector-multi_button-bg:rgba(118,118,128,.14);
2332
- --color-selector-multi_button-text:#F2F5FF;
2333
- --color-selector-multi_icon_close:rgba(235,235,245,.3);
2334
- --color-selector-multi_icon_down:rgba(235,235,245,.65);
2335
- --color-selector-multi_divider:rgba(84,84,88,.85);
2336
- --color-selector-import-bg-default:rgba(0,0,0,.05);
2337
- --color-selector-import-text-default:#F2F5FF;
2338
- }
2339
- html{
2340
- --height-selector-form:44px;
2341
- --height-selector-multi:48px;
2342
- --height-selector-multi_button:28px;
2343
- --height-selector-import:44px;
2344
- --radius-selector-form:6px;
2345
- --radius-selector-multi_button:6px;
2346
- --spacing-selector-xl-margin_y:4px;
2347
- --spacing-selector-l-margin_y:4px;
2348
- --spacing-selector-m-margin_y:2px;
2349
- --spacing-selector-s-margin_y:2px;
2350
- --spacing-selector-trade-margin_y:4px;
2351
- --spacing-selector-multi_button-padding_y:12px;
2352
- --spacing-selector-multi_icon_close-margin_left:4px;
2353
- --spacing-selector-multi_button-margin_right:12px;
2354
- --spacing-selector-multi_icon_down-margin_right:8px;
2355
- --spacing-selector-padding_y:16px;
2356
- --spacing-selector-icon-margin_right:4px;
2357
- --spacing-selector-down-margin_left:8px;
2358
- --icon-selector-l:20px;
2359
- --icon-selector-down:16px;
2360
- --icon-selector-m:20px;
2361
- --icon-selector-s:16px;
2362
- --icon-selector-multi_button_close:16px;
2363
- --icon-selector-xl:24px;
2364
- --width-selector-form:335px;
2365
- --color-selector-xl-text-disable:rgba(0,0,0,.3);
2366
- --color-selector-xl-text-default:rgba(0,0,0,.3);
2367
- --color-selector-xl-text-active:rgba(0,0,0,.85);
2368
- --color-selector-l-text-default:rgba(0,0,0,.3);
2369
- --color-selector-l-text-active:rgba(0,0,0,.85);
2370
- --color-selector-l-text-disable:rgba(0,0,0,.3);
2371
- --color-selector-icon_down-default:rgba(0,0,0,.5);
2372
- --color-selector-icon_down-active:rgba(0,0,0,.5);
2373
- --color-selector-icon_down-disable:rgba(0,0,0,.3);
2374
- --color-selector-m-text-default:rgba(0,0,0,.3);
2375
- --color-selector-m-text-active:rgba(0,0,0,.85);
2376
- --color-selector-m-text-disable:rgba(0,0,0,.3);
2377
- --color-selector-s-text-default:rgba(0,0,0,.3);
2378
- --color-selector-s-text-active:rgba(0,0,0,.85);
2379
- --color-selector-s-text-disable:rgba(0,0,0,.3);
2380
- --color-selector-form-bg-default:#f7f8f9;
2381
- --color-selector-form-bg-active:#f7f8f9;
2382
- --color-selector-form-bg-disable:#f7f8f9;
2383
- --color-selector-form-text-default:rgba(0,0,0,.3);
2384
- --color-selector-form-text-active:rgba(0,0,0,.85);
2385
- --color-selector-form-text-disable:rgba(0,0,0,.3);
2386
- --color-selector-multi_button-bg:#f7f8f9;
2387
- --color-selector-multi_button-text:rgba(0,0,0,.85);
2388
- --color-selector-multi_icon_close:rgba(0,0,0,.3);
2389
- --color-selector-multi_icon_down:rgba(0,0,0,.5);
2390
- --color-selector-multi_divider:rgba(0,0,0,.15);
2391
- --color-selector-import-bg-default:rgba(0,0,0,.05);
2392
- --color-selector-import-text-default:rgba(0,0,0,.85);
2240
+ html{
2241
+ --height-popover-primary:33px;
2242
+ --height-popover-custom:33px;
2243
+ --height-popover-secondary:22px;
2244
+ --radius-popover-primary:4px;
2245
+ --radius-popover-secondary:4px;
2246
+ --radius-popover-custom:4px;
2247
+ --spacing-popover-primary-padding_left:12px;
2248
+ --spacing-popover-primary-padding_right:12px;
2249
+ --spacing-popover-primary-margin_y:4px;
2250
+ --spacing-popover-primary-padding_top:8px;
2251
+ --spacing-popover-primary-padding_bottom:8px;
2252
+ --spacing-popover-secondary-padding_left:8px;
2253
+ --spacing-popover-secondary-padding_right:8px;
2254
+ --spacing-popover-secondary-margin_y:4px;
2255
+ --spacing-popover-secondary-padding_top:4px;
2256
+ --spacing-popover-secondary-padding_bottom:4px;
2257
+ --spacing-popover-custom-padding_left:12px;
2258
+ --spacing-popover-custom-padding_right:12px;
2259
+ --spacing-popover-custom-margin_y:4px;
2260
+ --icon-popover-primary:16px;
2261
+ --icon-popover-secondary:12px;
2262
+ --icon-popover-custom:16px;
2263
+ --color-popover-primary-bg:#545458;
2264
+ --color-popover-primary-text:#ffffff;
2265
+ --color-popover-secondary-bg:#545458;
2266
+ --color-popover-secondary-text:#ffffff;
2267
+ --color-popover-custom-bg:#1bc47d;
2268
+ --color-popover-custom-text:#ffffff;
2393
2269
  }
2394
-
2395
- html[theme="dark"]{
2396
- --height-skeleton-img:210px;
2397
- --height-skeleton-button:48px;
2398
- --height-skeleton-small_shapes:66px;
2399
- --height-skeleton-text_s:12px;
2400
- --height-skeleton-text_m:18px;
2401
- --height-skeleton-text_l:28px;
2402
- --width-skeleton-head:136px;
2403
- --width-skeleton-button:215px;
2404
- --width-skeleton-avatar_s:36px;
2405
- --width-skeleton-avatar_text:95px;
2406
- --width-skeleton-stock_data_s:42px;
2407
- --width-skeleton-stock_data_m:64px;
2408
- --width-skeleton-stock_data_l:64px;
2409
- --width-skeleton-stock_data_xl:104px;
2410
- --width-skeleton-avatar_m:48px;
2411
- --width-skeleton-avatar_l:80px;
2412
- --width-skeleton-img_small:100px;
2413
- --radius-skeleton-img:12px;
2414
- --radius-skeleton-text_l:4px;
2415
- --radius-skeleton-button:10px;
2416
- --radius-skeleton-small_shapes:6px;
2417
- --radius-skeleton-text_s:2px;
2418
- --spacing-skeleton-text-margin_bottom:12px;
2419
- --spacing-skeleton-avatar-margin_right:8px;
2420
- --spacing-skeleton-avatar-margin_bottom:10px;
2421
- --spacing-skeleton-stock-padding_x:5px;
2422
- --spacing-skeleton-stock-padding_y:24px;
2423
- --spacing-skeleton-data-padding_y:20px;
2424
- --color-skeleton-bg:rgba(118,118,128,.15);
2425
- --color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
2426
- }
2427
- html{
2428
- --height-skeleton-img:210px;
2429
- --height-skeleton-button:48px;
2430
- --height-skeleton-small_shapes:66px;
2431
- --height-skeleton-text_s:12px;
2432
- --height-skeleton-text_m:18px;
2433
- --height-skeleton-text_l:28px;
2434
- --width-skeleton-head:136px;
2435
- --width-skeleton-button:215px;
2436
- --width-skeleton-avatar_s:36px;
2437
- --width-skeleton-avatar_text:95px;
2438
- --width-skeleton-stock_data_s:42px;
2439
- --width-skeleton-stock_data_m:64px;
2440
- --width-skeleton-stock_data_l:64px;
2441
- --width-skeleton-stock_data_xl:104px;
2442
- --width-skeleton-avatar_m:48px;
2443
- --width-skeleton-avatar_l:80px;
2444
- --width-skeleton-img_small:100px;
2445
- --radius-skeleton-img:12px;
2446
- --radius-skeleton-text_l:4px;
2447
- --radius-skeleton-button:10px;
2448
- --radius-skeleton-small_shapes:6px;
2449
- --radius-skeleton-text_s:2px;
2450
- --spacing-skeleton-text-margin_bottom:12px;
2451
- --spacing-skeleton-avatar-margin_right:8px;
2452
- --spacing-skeleton-avatar-margin_bottom:10px;
2453
- --spacing-skeleton-stock-padding_x:5px;
2454
- --spacing-skeleton-stock-padding_y:24px;
2455
- --spacing-skeleton-data-padding_y:20px;
2456
- --color-skeleton-bg:#f7f8f9;
2457
- --color-skeleton-loading_gradient-bg-active:rgba(247,248,249,.3);
2270
+
2271
+ html[theme="dark"]{
2272
+ --spacing-result-text-margin_top:12px;
2273
+ --spacing-result-text-margin_bottom:28px;
2274
+ --spacing-result-title-margin_top:0px;
2275
+ --spacing-result-button-margin_y:80px;
2276
+ --spacing-result-text_button-margin_top:12px;
2277
+ --color-result-title:#F2F5FF;
2278
+ --color-result-text:rgba(235,235,245,.65);
2458
2279
  }
2459
-
2460
- html[theme="dark"]{
2461
- --height-slider-track:6px;
2462
- --height-slider-mark_track:12px;
2463
- --height-slider-mark_handle:22px;
2464
- --width-slider-handle_border:3px;
2465
- --width-slider-handle:20px;
2466
- --width-slider-mark_handle_border:1px;
2467
- --width-slider-mark_handle:16px;
2468
- --width-slider-mark:1px;
2469
- --radius-slider-track:3px;
2470
- --radius-slider-mark_handle:4px;
2471
- --radius-slider-mark_track:4px;
2472
- --spacing-slider-margin_bottom:4px;
2473
- --spacing-slider-mark-margin_top:20px;
2474
- --spacing-slider-mark_handle-margin_top:2px;
2475
- --spacing-slider-mark_text_focus-margin_bottom:8px;
2476
- --color-slider-mark-text:rgba(235,235,245,.3);
2477
- --color-slider-track-default:rgba(118,118,128,.24);
2478
- --color-slider-track-focus:#1bc47d;
2479
- --color-slider-handle-bg:#ffffff;
2480
- --color-slider-handle_border-default:#c2c2c2;
2481
- --color-slider-handle_border-focus:#1bc47d;
2482
- --color-slider-mark:#ffffff;
2483
- --color-slider-mark-text-focus:#F2F5FF;
2484
- }
2485
- html{
2486
- --height-slider-track:6px;
2487
- --height-slider-mark_track:12px;
2488
- --height-slider-mark_handle:22px;
2489
- --width-slider-handle_border:3px;
2490
- --width-slider-handle:20px;
2491
- --width-slider-mark_handle_border:1px;
2492
- --width-slider-mark_handle:16px;
2493
- --width-slider-mark:1px;
2494
- --radius-slider-track:3px;
2495
- --radius-slider-mark_handle:4px;
2496
- --radius-slider-mark_track:4px;
2497
- --spacing-slider-margin_bottom:4px;
2498
- --spacing-slider-mark-margin_top:20px;
2499
- --spacing-slider-mark_handle-margin_top:2px;
2500
- --spacing-slider-mark_text_focus-margin_bottom:8px;
2501
- --color-slider-mark-text:rgba(0,0,0,.3);
2502
- --color-slider-track-default:#ebedf0;
2503
- --color-slider-track-focus:#1bc47d;
2504
- --color-slider-handle-bg:#ffffff;
2505
- --color-slider-handle_border-default:#c2c2c2;
2506
- --color-slider-handle_border-focus:#1bc47d;
2507
- --color-slider-mark:#ffffff;
2508
- --color-slider-mark-text-focus:rgba(0,0,0,.85);
2280
+ html{
2281
+ --spacing-result-text-margin_top:12px;
2282
+ --spacing-result-text-margin_bottom:28px;
2283
+ --spacing-result-title-margin_top:0px;
2284
+ --spacing-result-button-margin_y:80px;
2285
+ --spacing-result-text_button-margin_top:12px;
2286
+ --color-result-title:rgba(0,0,0,.85);
2287
+ --color-result-text:rgba(0,0,0,.5);
2509
2288
  }
2510
-
2511
- html[theme="dark"]{
2512
- --height-steps-border-default:1px;
2513
- --height-steps-border-hover:1px;
2514
- --height-steps-basic-default:3px;
2515
- --height-steps-basic-hover:3px;
2516
- --spacing-steps-horizontal-padding_y:10px;
2517
- --spacing-steps-horizontal-padding_x:8px;
2518
- --spacing-steps-horizontal_item-padding_y:2px;
2519
- --spacing-steps-horizontal_item-margin_right:4px;
2520
- --spacing-steps-horizontal_icon-margin_bottom:8px;
2521
- --spacing-steps-horizontal_description_text-margin_top:6px;
2522
- --spacing-steps-vertical-padding_y:20px;
2523
- --spacing-steps-vertical-padding_x:8px;
2524
- --spacing-steps-vertical_icon-margin_right:12px;
2525
- --spacing-steps-vertical_title-margin_top:2px;
2526
- --spacing-steps-vertical_description_text-margin_top:6px;
2527
- --spacing-steps-vertical_description_text-margin_bottom:20px;
2528
- --spacing-steps-basic-padding_y:16px;
2529
- --spacing-steps-basic-padding_top:12px;
2530
- --spacing-steps-basic-padding_bottom:8px;
2531
- --spacing-steps-basic_item-margin_right:16px;
2532
- --icon-steps-size:20px;
2533
- --icon-steps-size_s:10px;
2534
- --radius-steps-basic:1.5px;
2535
- --color-steps-border-default:rgba(84,84,88,.85);
2536
- --color-steps-border-hover:#1bc47d;
2537
- --color-steps-text-complete:#F2F5FF;
2538
- --color-steps-text-afoot:#F2F5FF;
2539
- --color-steps-text-warning:#eb5c31;
2540
- --color-steps-text-not_started:rgba(235,235,245,.65);
2541
- --color-steps-description_text:rgba(235,235,245,.65);
2542
- --color-steps-basic-default:rgba(118,118,128,.24);
2543
- --color-steps-basic-hover:#1bc47d;
2544
- }
2545
- html{
2546
- --height-steps-border-default:1px;
2547
- --height-steps-border-hover:1px;
2548
- --height-steps-basic-default:3px;
2549
- --height-steps-basic-hover:3px;
2550
- --spacing-steps-horizontal-padding_y:10px;
2551
- --spacing-steps-horizontal-padding_x:8px;
2552
- --spacing-steps-horizontal_item-padding_y:2px;
2553
- --spacing-steps-horizontal_item-margin_right:4px;
2554
- --spacing-steps-horizontal_icon-margin_bottom:8px;
2555
- --spacing-steps-horizontal_description_text-margin_top:6px;
2556
- --spacing-steps-vertical-padding_y:20px;
2557
- --spacing-steps-vertical-padding_x:8px;
2558
- --spacing-steps-vertical_icon-margin_right:12px;
2559
- --spacing-steps-vertical_title-margin_top:2px;
2560
- --spacing-steps-vertical_description_text-margin_top:6px;
2561
- --spacing-steps-vertical_description_text-margin_bottom:20px;
2562
- --spacing-steps-basic-padding_y:16px;
2563
- --spacing-steps-basic-padding_top:12px;
2564
- --spacing-steps-basic-padding_bottom:8px;
2565
- --spacing-steps-basic_item-margin_right:16px;
2566
- --icon-steps-size:20px;
2567
- --icon-steps-size_s:10px;
2568
- --radius-steps-basic:1.5px;
2569
- --color-steps-border-default:rgba(0,0,0,.1);
2570
- --color-steps-border-hover:#1bc47d;
2571
- --color-steps-text-complete:rgba(0,0,0,.85);
2572
- --color-steps-text-afoot:rgba(0,0,0,.85);
2573
- --color-steps-text-warning:#eb5c31;
2574
- --color-steps-text-not_started:rgba(0,0,0,.5);
2575
- --color-steps-description_text:rgba(0,0,0,.5);
2576
- --color-steps-basic-default:#ebedf0;
2577
- --color-steps-basic-hover:#1bc47d;
2289
+
2290
+ html[theme="dark"]{
2291
+ --height-selector-form:44px;
2292
+ --height-selector-multi:48px;
2293
+ --height-selector-multi_button:28px;
2294
+ --height-selector-import:44px;
2295
+ --radius-selector-form:6px;
2296
+ --radius-selector-multi_button:6px;
2297
+ --spacing-selector-xl-margin_y:4px;
2298
+ --spacing-selector-l-margin_y:4px;
2299
+ --spacing-selector-m-margin_y:2px;
2300
+ --spacing-selector-s-margin_y:2px;
2301
+ --spacing-selector-trade-margin_y:4px;
2302
+ --spacing-selector-multi_button-padding_y:12px;
2303
+ --spacing-selector-multi_icon_close-margin_left:4px;
2304
+ --spacing-selector-multi_button-margin_right:12px;
2305
+ --spacing-selector-multi_icon_down-margin_right:8px;
2306
+ --spacing-selector-padding_y:16px;
2307
+ --spacing-selector-icon-margin_right:4px;
2308
+ --spacing-selector-down-margin_left:8px;
2309
+ --icon-selector-l:20px;
2310
+ --icon-selector-down:16px;
2311
+ --icon-selector-m:20px;
2312
+ --icon-selector-s:16px;
2313
+ --icon-selector-multi_button_close:16px;
2314
+ --icon-selector-xl:24px;
2315
+ --width-selector-form:335px;
2316
+ --color-selector-xl-text-disable:rgba(235,235,245,.3);
2317
+ --color-selector-xl-text-default:rgba(235,235,245,.3);
2318
+ --color-selector-xl-text-active:#F2F5FF;
2319
+ --color-selector-l-text-default:rgba(235,235,245,.3);
2320
+ --color-selector-l-text-active:#F2F5FF;
2321
+ --color-selector-l-text-disable:rgba(235,235,245,.3);
2322
+ --color-selector-icon_down-default:rgba(235,235,245,.65);
2323
+ --color-selector-icon_down-active:rgba(235,235,245,.65);
2324
+ --color-selector-icon_down-disable:rgba(235,235,245,.3);
2325
+ --color-selector-m-text-default:rgba(235,235,245,.3);
2326
+ --color-selector-m-text-active:#F2F5FF;
2327
+ --color-selector-m-text-disable:rgba(235,235,245,.3);
2328
+ --color-selector-s-text-default:rgba(235,235,245,.3);
2329
+ --color-selector-s-text-active:#F2F5FF;
2330
+ --color-selector-s-text-disable:rgba(235,235,245,.3);
2331
+ --color-selector-form-bg-default:rgba(118,118,128,.14);
2332
+ --color-selector-form-bg-active:rgba(118,118,128,.14);
2333
+ --color-selector-form-bg-disable:rgba(118,118,128,.14);
2334
+ --color-selector-form-text-default:rgba(235,235,245,.3);
2335
+ --color-selector-form-text-active:#F2F5FF;
2336
+ --color-selector-form-text-disable:rgba(235,235,245,.3);
2337
+ --color-selector-multi_button-bg:rgba(118,118,128,.14);
2338
+ --color-selector-multi_button-text:#F2F5FF;
2339
+ --color-selector-multi_icon_close:rgba(235,235,245,.3);
2340
+ --color-selector-multi_icon_down:rgba(235,235,245,.65);
2341
+ --color-selector-multi_divider:rgba(84,84,88,.85);
2342
+ --color-selector-import-bg-default:rgba(0,0,0,.05);
2343
+ --color-selector-import-text-default:#F2F5FF;
2578
2344
  }
2579
-
2580
- html[theme="dark"]{
2581
- --height-switch-bg:10px;
2582
- --height-switch-button:20px;
2583
- --width-switch-bg:40px;
2584
- --radius-switch-bg:5px;
2585
- --radius-switch-button:10px;
2586
- --color-switch-off_bg-default:rgba(105,105,112,.6);
2587
- --color-switch-off_bg-disable:rgba(105,105,112,.2);
2588
- --color-switch-off_button_bg-default:#eeeeee;
2589
- --color-switch-off_button_bg-disable:rgba(72,72,74,.95);
2590
- --color-switch-off_button_border-default:rgba(0,0,0,.1);
2591
- --color-switch-off_button_border-disable:rgba(0,0,0,.05);
2592
- --color-switch-on_bg-default:rgba(27,196,125,.3);
2593
- --color-switch-on_bg-disable:rgba(27,196,125,.1);
2594
- --color-switch-on_button_bg-default:#1bc47d;
2595
- --color-switch-on_button_bg-disable:#093E28;
2596
- --color-switch-on_button_border-default:rgba(0,0,0,.1);
2597
- --color-switch-on_button_border-disable:rgba(0,0,0,.05);
2598
- }
2599
- html{
2600
- --height-switch-bg:10px;
2601
- --height-switch-button:20px;
2602
- --width-switch-bg:40px;
2603
- --radius-switch-bg:5px;
2604
- --radius-switch-button:10px;
2605
- --color-switch-off_bg-default:#ebedf0;
2606
- --color-switch-off_bg-disable:rgba(235,237,240,.5);
2607
- --color-switch-off_button_bg-default:#ffffff;
2608
- --color-switch-off_button_bg-disable:#f1f2f4;
2609
- --color-switch-off_button_border-default:rgba(0,0,0,.1);
2610
- --color-switch-off_button_border-disable:rgba(0,0,0,.02);
2611
- --color-switch-on_bg-default:rgba(27,196,125,.3);
2612
- --color-switch-on_bg-disable:rgba(27,196,125,.1);
2613
- --color-switch-on_button_bg-default:#1bc47d;
2614
- --color-switch-on_button_bg-disable:#d2f3ea;
2615
- --color-switch-on_button_border-default:rgba(0,0,0,.1);
2616
- --color-switch-on_button_border-disable:rgba(0,0,0,.05);
2345
+ html{
2346
+ --height-selector-form:44px;
2347
+ --height-selector-multi:48px;
2348
+ --height-selector-multi_button:28px;
2349
+ --height-selector-import:44px;
2350
+ --radius-selector-form:6px;
2351
+ --radius-selector-multi_button:6px;
2352
+ --spacing-selector-xl-margin_y:4px;
2353
+ --spacing-selector-l-margin_y:4px;
2354
+ --spacing-selector-m-margin_y:2px;
2355
+ --spacing-selector-s-margin_y:2px;
2356
+ --spacing-selector-trade-margin_y:4px;
2357
+ --spacing-selector-multi_button-padding_y:12px;
2358
+ --spacing-selector-multi_icon_close-margin_left:4px;
2359
+ --spacing-selector-multi_button-margin_right:12px;
2360
+ --spacing-selector-multi_icon_down-margin_right:8px;
2361
+ --spacing-selector-padding_y:16px;
2362
+ --spacing-selector-icon-margin_right:4px;
2363
+ --spacing-selector-down-margin_left:8px;
2364
+ --icon-selector-l:20px;
2365
+ --icon-selector-down:16px;
2366
+ --icon-selector-m:20px;
2367
+ --icon-selector-s:16px;
2368
+ --icon-selector-multi_button_close:16px;
2369
+ --icon-selector-xl:24px;
2370
+ --width-selector-form:335px;
2371
+ --color-selector-xl-text-disable:rgba(0,0,0,.3);
2372
+ --color-selector-xl-text-default:rgba(0,0,0,.3);
2373
+ --color-selector-xl-text-active:rgba(0,0,0,.85);
2374
+ --color-selector-l-text-default:rgba(0,0,0,.3);
2375
+ --color-selector-l-text-active:rgba(0,0,0,.85);
2376
+ --color-selector-l-text-disable:rgba(0,0,0,.3);
2377
+ --color-selector-icon_down-default:rgba(0,0,0,.5);
2378
+ --color-selector-icon_down-active:rgba(0,0,0,.5);
2379
+ --color-selector-icon_down-disable:rgba(0,0,0,.3);
2380
+ --color-selector-m-text-default:rgba(0,0,0,.3);
2381
+ --color-selector-m-text-active:rgba(0,0,0,.85);
2382
+ --color-selector-m-text-disable:rgba(0,0,0,.3);
2383
+ --color-selector-s-text-default:rgba(0,0,0,.3);
2384
+ --color-selector-s-text-active:rgba(0,0,0,.85);
2385
+ --color-selector-s-text-disable:rgba(0,0,0,.3);
2386
+ --color-selector-form-bg-default:#f7f8f9;
2387
+ --color-selector-form-bg-active:#f7f8f9;
2388
+ --color-selector-form-bg-disable:#f7f8f9;
2389
+ --color-selector-form-text-default:rgba(0,0,0,.3);
2390
+ --color-selector-form-text-active:rgba(0,0,0,.85);
2391
+ --color-selector-form-text-disable:rgba(0,0,0,.3);
2392
+ --color-selector-multi_button-bg:#f7f8f9;
2393
+ --color-selector-multi_button-text:rgba(0,0,0,.85);
2394
+ --color-selector-multi_icon_close:rgba(0,0,0,.3);
2395
+ --color-selector-multi_icon_down:rgba(0,0,0,.5);
2396
+ --color-selector-multi_divider:rgba(0,0,0,.15);
2397
+ --color-selector-import-bg-default:rgba(0,0,0,.05);
2398
+ --color-selector-import-text-default:rgba(0,0,0,.85);
2399
+ }
2400
+
2401
+ html[theme="dark"]{
2402
+ --height-skeleton-img:210px;
2403
+ --height-skeleton-button:48px;
2404
+ --height-skeleton-small_shapes:66px;
2405
+ --height-skeleton-text_s:12px;
2406
+ --height-skeleton-text_m:18px;
2407
+ --height-skeleton-text_l:28px;
2408
+ --width-skeleton-head:136px;
2409
+ --width-skeleton-button:215px;
2410
+ --width-skeleton-avatar_s:36px;
2411
+ --width-skeleton-avatar_text:95px;
2412
+ --width-skeleton-stock_data_s:42px;
2413
+ --width-skeleton-stock_data_m:64px;
2414
+ --width-skeleton-stock_data_l:64px;
2415
+ --width-skeleton-stock_data_xl:104px;
2416
+ --width-skeleton-avatar_m:48px;
2417
+ --width-skeleton-avatar_l:80px;
2418
+ --width-skeleton-img_small:100px;
2419
+ --radius-skeleton-img:12px;
2420
+ --radius-skeleton-text_l:4px;
2421
+ --radius-skeleton-button:10px;
2422
+ --radius-skeleton-small_shapes:6px;
2423
+ --radius-skeleton-text_s:2px;
2424
+ --spacing-skeleton-text-margin_bottom:12px;
2425
+ --spacing-skeleton-avatar-margin_right:8px;
2426
+ --spacing-skeleton-avatar-margin_bottom:10px;
2427
+ --spacing-skeleton-stock-padding_x:5px;
2428
+ --spacing-skeleton-stock-padding_y:24px;
2429
+ --spacing-skeleton-data-padding_y:20px;
2430
+ --color-skeleton-bg:rgba(118,118,128,.15);
2431
+ --color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
2432
+ }
2433
+ html{
2434
+ --height-skeleton-img:210px;
2435
+ --height-skeleton-button:48px;
2436
+ --height-skeleton-small_shapes:66px;
2437
+ --height-skeleton-text_s:12px;
2438
+ --height-skeleton-text_m:18px;
2439
+ --height-skeleton-text_l:28px;
2440
+ --width-skeleton-head:136px;
2441
+ --width-skeleton-button:215px;
2442
+ --width-skeleton-avatar_s:36px;
2443
+ --width-skeleton-avatar_text:95px;
2444
+ --width-skeleton-stock_data_s:42px;
2445
+ --width-skeleton-stock_data_m:64px;
2446
+ --width-skeleton-stock_data_l:64px;
2447
+ --width-skeleton-stock_data_xl:104px;
2448
+ --width-skeleton-avatar_m:48px;
2449
+ --width-skeleton-avatar_l:80px;
2450
+ --width-skeleton-img_small:100px;
2451
+ --radius-skeleton-img:12px;
2452
+ --radius-skeleton-text_l:4px;
2453
+ --radius-skeleton-button:10px;
2454
+ --radius-skeleton-small_shapes:6px;
2455
+ --radius-skeleton-text_s:2px;
2456
+ --spacing-skeleton-text-margin_bottom:12px;
2457
+ --spacing-skeleton-avatar-margin_right:8px;
2458
+ --spacing-skeleton-avatar-margin_bottom:10px;
2459
+ --spacing-skeleton-stock-padding_x:5px;
2460
+ --spacing-skeleton-stock-padding_y:24px;
2461
+ --spacing-skeleton-data-padding_y:20px;
2462
+ --color-skeleton-bg:#f7f8f9;
2463
+ --color-skeleton-loading_gradient-bg-active:rgba(247,248,249,.3);
2464
+ }
2465
+
2466
+ html[theme="dark"]{
2467
+ --height-slider-track:6px;
2468
+ --height-slider-mark_track:12px;
2469
+ --height-slider-mark_handle:22px;
2470
+ --width-slider-handle_border:3px;
2471
+ --width-slider-handle:20px;
2472
+ --width-slider-mark_handle_border:1px;
2473
+ --width-slider-mark_handle:16px;
2474
+ --width-slider-mark:1px;
2475
+ --radius-slider-track:3px;
2476
+ --radius-slider-mark_handle:4px;
2477
+ --radius-slider-mark_track:4px;
2478
+ --spacing-slider-margin_bottom:4px;
2479
+ --spacing-slider-mark-margin_top:20px;
2480
+ --spacing-slider-mark_handle-margin_top:2px;
2481
+ --spacing-slider-mark_text_focus-margin_bottom:8px;
2482
+ --color-slider-mark-text:rgba(235,235,245,.3);
2483
+ --color-slider-track-default:rgba(118,118,128,.24);
2484
+ --color-slider-track-focus:#1bc47d;
2485
+ --color-slider-handle-bg:#ffffff;
2486
+ --color-slider-handle_border-default:#c2c2c2;
2487
+ --color-slider-handle_border-focus:#1bc47d;
2488
+ --color-slider-mark:#ffffff;
2489
+ --color-slider-mark-text-focus:#F2F5FF;
2490
+ }
2491
+ html{
2492
+ --height-slider-track:6px;
2493
+ --height-slider-mark_track:12px;
2494
+ --height-slider-mark_handle:22px;
2495
+ --width-slider-handle_border:3px;
2496
+ --width-slider-handle:20px;
2497
+ --width-slider-mark_handle_border:1px;
2498
+ --width-slider-mark_handle:16px;
2499
+ --width-slider-mark:1px;
2500
+ --radius-slider-track:3px;
2501
+ --radius-slider-mark_handle:4px;
2502
+ --radius-slider-mark_track:4px;
2503
+ --spacing-slider-margin_bottom:4px;
2504
+ --spacing-slider-mark-margin_top:20px;
2505
+ --spacing-slider-mark_handle-margin_top:2px;
2506
+ --spacing-slider-mark_text_focus-margin_bottom:8px;
2507
+ --color-slider-mark-text:rgba(0,0,0,.3);
2508
+ --color-slider-track-default:#ebedf0;
2509
+ --color-slider-track-focus:#1bc47d;
2510
+ --color-slider-handle-bg:#ffffff;
2511
+ --color-slider-handle_border-default:#c2c2c2;
2512
+ --color-slider-handle_border-focus:#1bc47d;
2513
+ --color-slider-mark:#ffffff;
2514
+ --color-slider-mark-text-focus:rgba(0,0,0,.85);
2515
+ }
2516
+
2517
+ html[theme="dark"]{
2518
+ --height-steps-border-default:1px;
2519
+ --height-steps-border-hover:1px;
2520
+ --height-steps-basic-default:3px;
2521
+ --height-steps-basic-hover:3px;
2522
+ --spacing-steps-horizontal-padding_y:10px;
2523
+ --spacing-steps-horizontal-padding_x:8px;
2524
+ --spacing-steps-horizontal_item-padding_y:2px;
2525
+ --spacing-steps-horizontal_item-margin_right:4px;
2526
+ --spacing-steps-horizontal_icon-margin_bottom:8px;
2527
+ --spacing-steps-horizontal_description_text-margin_top:6px;
2528
+ --spacing-steps-vertical-padding_y:20px;
2529
+ --spacing-steps-vertical-padding_x:8px;
2530
+ --spacing-steps-vertical_icon-margin_right:12px;
2531
+ --spacing-steps-vertical_title-margin_top:2px;
2532
+ --spacing-steps-vertical_description_text-margin_top:6px;
2533
+ --spacing-steps-vertical_description_text-margin_bottom:20px;
2534
+ --spacing-steps-basic-padding_y:16px;
2535
+ --spacing-steps-basic-padding_top:12px;
2536
+ --spacing-steps-basic-padding_bottom:8px;
2537
+ --spacing-steps-basic_item-margin_right:16px;
2538
+ --icon-steps-size:20px;
2539
+ --icon-steps-size_s:10px;
2540
+ --radius-steps-basic:1.5px;
2541
+ --color-steps-border-default:rgba(84,84,88,.85);
2542
+ --color-steps-border-hover:#1bc47d;
2543
+ --color-steps-text-complete:#F2F5FF;
2544
+ --color-steps-text-afoot:#F2F5FF;
2545
+ --color-steps-text-warning:#eb5c31;
2546
+ --color-steps-text-not_started:rgba(235,235,245,.65);
2547
+ --color-steps-description_text:rgba(235,235,245,.65);
2548
+ --color-steps-basic-default:rgba(118,118,128,.24);
2549
+ --color-steps-basic-hover:#1bc47d;
2550
+ }
2551
+ html{
2552
+ --height-steps-border-default:1px;
2553
+ --height-steps-border-hover:1px;
2554
+ --height-steps-basic-default:3px;
2555
+ --height-steps-basic-hover:3px;
2556
+ --spacing-steps-horizontal-padding_y:10px;
2557
+ --spacing-steps-horizontal-padding_x:8px;
2558
+ --spacing-steps-horizontal_item-padding_y:2px;
2559
+ --spacing-steps-horizontal_item-margin_right:4px;
2560
+ --spacing-steps-horizontal_icon-margin_bottom:8px;
2561
+ --spacing-steps-horizontal_description_text-margin_top:6px;
2562
+ --spacing-steps-vertical-padding_y:20px;
2563
+ --spacing-steps-vertical-padding_x:8px;
2564
+ --spacing-steps-vertical_icon-margin_right:12px;
2565
+ --spacing-steps-vertical_title-margin_top:2px;
2566
+ --spacing-steps-vertical_description_text-margin_top:6px;
2567
+ --spacing-steps-vertical_description_text-margin_bottom:20px;
2568
+ --spacing-steps-basic-padding_y:16px;
2569
+ --spacing-steps-basic-padding_top:12px;
2570
+ --spacing-steps-basic-padding_bottom:8px;
2571
+ --spacing-steps-basic_item-margin_right:16px;
2572
+ --icon-steps-size:20px;
2573
+ --icon-steps-size_s:10px;
2574
+ --radius-steps-basic:1.5px;
2575
+ --color-steps-border-default:rgba(0,0,0,.1);
2576
+ --color-steps-border-hover:#1bc47d;
2577
+ --color-steps-text-complete:rgba(0,0,0,.85);
2578
+ --color-steps-text-afoot:rgba(0,0,0,.85);
2579
+ --color-steps-text-warning:#eb5c31;
2580
+ --color-steps-text-not_started:rgba(0,0,0,.5);
2581
+ --color-steps-description_text:rgba(0,0,0,.5);
2582
+ --color-steps-basic-default:#ebedf0;
2583
+ --color-steps-basic-hover:#1bc47d;
2584
+ }
2585
+
2586
+ html[theme="dark"]{
2587
+ --height-switch-bg:10px;
2588
+ --height-switch-button:20px;
2589
+ --width-switch-bg:40px;
2590
+ --radius-switch-bg:5px;
2591
+ --radius-switch-button:10px;
2592
+ --color-switch-off_bg-default:rgba(105,105,112,.6);
2593
+ --color-switch-off_bg-disable:rgba(105,105,112,.2);
2594
+ --color-switch-off_button_bg-default:#eeeeee;
2595
+ --color-switch-off_button_bg-disable:rgba(72,72,74,.95);
2596
+ --color-switch-off_button_border-default:rgba(0,0,0,.1);
2597
+ --color-switch-off_button_border-disable:rgba(0,0,0,.05);
2598
+ --color-switch-on_bg-default:rgba(27,196,125,.3);
2599
+ --color-switch-on_bg-disable:rgba(27,196,125,.1);
2600
+ --color-switch-on_button_bg-default:#1bc47d;
2601
+ --color-switch-on_button_bg-disable:#093E28;
2602
+ --color-switch-on_button_border-default:rgba(0,0,0,.1);
2603
+ --color-switch-on_button_border-disable:rgba(0,0,0,.05);
2604
+ }
2605
+ html{
2606
+ --height-switch-bg:10px;
2607
+ --height-switch-button:20px;
2608
+ --width-switch-bg:40px;
2609
+ --radius-switch-bg:5px;
2610
+ --radius-switch-button:10px;
2611
+ --color-switch-off_bg-default:#ebedf0;
2612
+ --color-switch-off_bg-disable:rgba(235,237,240,.5);
2613
+ --color-switch-off_button_bg-default:#ffffff;
2614
+ --color-switch-off_button_bg-disable:#f1f2f4;
2615
+ --color-switch-off_button_border-default:rgba(0,0,0,.1);
2616
+ --color-switch-off_button_border-disable:rgba(0,0,0,.02);
2617
+ --color-switch-on_bg-default:rgba(27,196,125,.3);
2618
+ --color-switch-on_bg-disable:rgba(27,196,125,.1);
2619
+ --color-switch-on_button_bg-default:#1bc47d;
2620
+ --color-switch-on_button_bg-disable:#d2f3ea;
2621
+ --color-switch-on_button_border-default:rgba(0,0,0,.1);
2622
+ --color-switch-on_button_border-disable:rgba(0,0,0,.05);
2617
2623
  }
2618
2624
 
2619
2625
  html[theme="dark"]{
2620
2626
  --height-tab-primary:56px;
2621
2627
  --height-tab-primary-bar:3px;
2622
- --height-tab-secondary:48px;
2628
+ --height-tab-secondary:44px;
2623
2629
  --height-tab-secondary-bar:2px;
2624
2630
  --height-tab-capsule:48px;
2625
2631
  --height-tab-capsule_btn:28px;
@@ -2706,7 +2712,7 @@ html[theme="dark"]{
2706
2712
  html{
2707
2713
  --height-tab-primary:56px;
2708
2714
  --height-tab-primary-bar:3px;
2709
- --height-tab-secondary:48px;
2715
+ --height-tab-secondary:44px;
2710
2716
  --height-tab-secondary-bar:2px;
2711
2717
  --height-tab-capsule:48px;
2712
2718
  --height-tab-capsule_btn:28px;
@@ -2790,201 +2796,201 @@ html{
2790
2796
  --color-tab-filter-divider:rgba(0,0,0,.05);
2791
2797
  --color-tab-filter_down-active:#1bc47d;
2792
2798
  }
2793
-
2794
- html[theme="dark"]{
2795
- --height-tag-l:18px;
2796
- --height-tag-s:14px;
2797
- --height-tag-m:16px;
2798
- --radius-tag-bg:4px;
2799
- --spacing-tag-padding_y:4px;
2800
- --width-tag-border:0.5px;
2801
- --color-tag-default-text:rgba(235,235,245,.60);
2802
- --color-tag-default-bg:rgba(118,118,128,.14);
2803
- --color-tag-default_border-text:#cad2da;
2804
- --color-tag-default-border:#cad2da;
2805
- --color-tag-dark-text:rgba(255,255,255,.8);
2806
- --color-tag-dark-bg:rgba(255,255,255,.3);
2807
- --color-tag-dark_border-text:rgba(255,255,255,.8);
2808
- --color-tag-dark-border:rgba(255,255,255,.3);
2809
- --color-tag-blue-text:rgba(24,160,251,.9);
2810
- --color-tag-blue-bg:rgba(24,160,251,.15);
2811
- --color-tag-blue-border:rgba(24,160,251,.5);
2812
- --color-tag-cyan-text:rgba(0,165,187,.9);
2813
- --color-tag-cyan-bg:rgba(0,165,187,.15);
2814
- --color-tag-cyan-border:rgba(0,165,187,.5);
2815
- --color-tag-green-text:rgba(27,196,125,.9);
2816
- --color-tag-green-bg:rgba(27,196,125,.15);
2817
- --color-tag-green-border:rgba(27,196,125,.5);
2818
- --color-tag-olive-text:rgba(119,193,63,.9);
2819
- --color-tag-olive-bg:rgba(119,193,63,.15);
2820
- --color-tag-olive-border:rgba(119,193,63,.60);
2821
- --color-tag-yellow-text:rgba(255,168,25,.9);
2822
- --color-tag-yellow-bg:rgba(255,199,0,.15);
2823
- --color-tag-yellow-border:rgba(210,167,0,.5);
2824
- --color-tag-orange-text:rgba(255,115,60,.9);
2825
- --color-tag-orange-bg:rgba(255,115,60,.15);
2826
- --color-tag-orange-border:rgba(255,115,60,.5);
2827
- --color-tag-red-text:rgba(242,72,34,.9);
2828
- --color-tag-red-bg:rgba(242,72,34,.15);
2829
- --color-tag-red-border:rgba(242,72,34,.5);
2830
- --color-tag-pink-text:rgba(244,89,167,.9);
2831
- --color-tag-pink-bg:rgba(244,89,167,.15);
2832
- --color-tag-pink-border:rgba(244,89,167,.5);
2833
- --color-tag-purple-text:rgba(144,124,255,.9);
2834
- --color-tag-purple-bg:rgba(144,124,255,.15);
2835
- --color-tag-purple-border:rgba(144,124,255,.5);
2836
- }
2837
- html{
2838
- --height-tag-l:18px;
2839
- --height-tag-s:14px;
2840
- --height-tag-m:16px;
2841
- --radius-tag-bg:4px;
2842
- --spacing-tag-padding_y:4px;
2843
- --width-tag-border:0.5px;
2844
- --color-tag-default-text:#7f7f7f;
2845
- --color-tag-default-bg:#f1f2f4;
2846
- --color-tag-default_border-text:#f1f2f4;
2847
- --color-tag-default-border:#f1f2f4;
2848
- --color-tag-dark-text:#ffffff;
2849
- --color-tag-dark-bg:rgba(0,0,0,.3);
2850
- --color-tag-dark_border-text:rgba(0,0,0,.85);
2851
- --color-tag-dark-border:rgba(0,0,0,.3);
2852
- --color-tag-blue-text:#18a0fb;
2853
- --color-tag-blue-bg:rgba(24,160,251,.1);
2854
- --color-tag-blue-border:rgba(24,160,251,.5);
2855
- --color-tag-cyan-text:#00A5BB;
2856
- --color-tag-cyan-bg:rgba(0,165,187,.1);
2857
- --color-tag-cyan-border:rgba(0,165,187,.5);
2858
- --color-tag-green-text:#1bc47d;
2859
- --color-tag-green-bg:rgba(27,196,125,.1);
2860
- --color-tag-green-border:rgba(27,196,125,.5);
2861
- --color-tag-olive-text:#77c13f;
2862
- --color-tag-olive-bg:rgba(119,193,63,.15);
2863
- --color-tag-olive-border:rgba(119,193,63,.60);
2864
- --color-tag-yellow-text:#ffa819;
2865
- --color-tag-yellow-bg:rgba(255,199,0,.15);
2866
- --color-tag-yellow-border:rgba(210,167,0,.5);
2867
- --color-tag-orange-text:#ff733c;
2868
- --color-tag-orange-bg:rgba(255,115,60,.1);
2869
- --color-tag-orange-border:rgba(255,115,60,.5);
2870
- --color-tag-red-text:#f24822;
2871
- --color-tag-red-bg:rgba(242,72,34,.1);
2872
- --color-tag-red-border:rgba(242,72,34,.5);
2873
- --color-tag-pink-text:#f459a7;
2874
- --color-tag-pink-bg:rgba(244,89,167,.1);
2875
- --color-tag-pink-border:rgba(244,89,167,.5);
2876
- --color-tag-purple-text:#907cff;
2877
- --color-tag-purple-bg:rgba(144,124,255,.1);
2878
- --color-tag-purple-border:rgba(144,124,255,.5);
2799
+
2800
+ html[theme="dark"]{
2801
+ --height-tag-l:18px;
2802
+ --height-tag-s:14px;
2803
+ --height-tag-m:16px;
2804
+ --radius-tag-bg:4px;
2805
+ --spacing-tag-padding_y:4px;
2806
+ --width-tag-border:0.5px;
2807
+ --color-tag-default-text:rgba(235,235,245,.60);
2808
+ --color-tag-default-bg:rgba(118,118,128,.14);
2809
+ --color-tag-default_border-text:#cad2da;
2810
+ --color-tag-default-border:#cad2da;
2811
+ --color-tag-dark-text:rgba(255,255,255,.8);
2812
+ --color-tag-dark-bg:rgba(255,255,255,.3);
2813
+ --color-tag-dark_border-text:rgba(255,255,255,.8);
2814
+ --color-tag-dark-border:rgba(255,255,255,.3);
2815
+ --color-tag-blue-text:rgba(24,160,251,.9);
2816
+ --color-tag-blue-bg:rgba(24,160,251,.15);
2817
+ --color-tag-blue-border:rgba(24,160,251,.5);
2818
+ --color-tag-cyan-text:rgba(0,165,187,.9);
2819
+ --color-tag-cyan-bg:rgba(0,165,187,.15);
2820
+ --color-tag-cyan-border:rgba(0,165,187,.5);
2821
+ --color-tag-green-text:rgba(27,196,125,.9);
2822
+ --color-tag-green-bg:rgba(27,196,125,.15);
2823
+ --color-tag-green-border:rgba(27,196,125,.5);
2824
+ --color-tag-olive-text:rgba(119,193,63,.9);
2825
+ --color-tag-olive-bg:rgba(119,193,63,.15);
2826
+ --color-tag-olive-border:rgba(119,193,63,.60);
2827
+ --color-tag-yellow-text:rgba(255,168,25,.9);
2828
+ --color-tag-yellow-bg:rgba(255,199,0,.15);
2829
+ --color-tag-yellow-border:rgba(210,167,0,.5);
2830
+ --color-tag-orange-text:rgba(255,115,60,.9);
2831
+ --color-tag-orange-bg:rgba(255,115,60,.15);
2832
+ --color-tag-orange-border:rgba(255,115,60,.5);
2833
+ --color-tag-red-text:rgba(242,72,34,.9);
2834
+ --color-tag-red-bg:rgba(242,72,34,.15);
2835
+ --color-tag-red-border:rgba(242,72,34,.5);
2836
+ --color-tag-pink-text:rgba(244,89,167,.9);
2837
+ --color-tag-pink-bg:rgba(244,89,167,.15);
2838
+ --color-tag-pink-border:rgba(244,89,167,.5);
2839
+ --color-tag-purple-text:rgba(144,124,255,.9);
2840
+ --color-tag-purple-bg:rgba(144,124,255,.15);
2841
+ --color-tag-purple-border:rgba(144,124,255,.5);
2879
2842
  }
2880
-
2881
- html[theme="dark"]{
2882
- --height-title-primary:48px;
2883
- --height-title-secondary:48px;
2884
- --height-title-tertiary:40px;
2885
- --height-title-quaternary:32px;
2886
- --height-title-primary_double:69px;
2887
- --height-title-secondary_double:66px;
2888
- --height-title-tertiary_double:58px;
2889
- --height-title-quaternary_double:49px;
2890
- --spacing-title-padding_left:20px;
2891
- --spacing-title-padding_right:20px;
2892
- --spacing-title-primary_icon-margin_y:4px;
2893
- --spacing-title-secondary_icon-margin_y:4px;
2894
- --spacing-title-tertiary_icon-margin_y:4px;
2895
- --spacing-title-quaternary_icon-margin_y:4px;
2896
- --spacing-title-text-margin_right:4px;
2897
- --spacing-title-subtitle-margin_top:4px;
2898
- --icon-title-primary:20px;
2899
- --icon-title-secondary:20px;
2900
- --icon-title-tertiary:16px;
2901
- --icon-title-quaternary:16px;
2902
- --icon-title-arrow:16px;
2903
- --color-title-head:#F2F5FF;
2904
- --color-title-text:rgba(235,235,245,.65);
2905
- --color-title-icon_arrow:rgba(235,235,245,.65);
2906
- }
2907
- html{
2908
- --height-title-primary:48px;
2909
- --height-title-secondary:48px;
2910
- --height-title-tertiary:40px;
2911
- --height-title-quaternary:32px;
2912
- --height-title-primary_double:69px;
2913
- --height-title-secondary_double:66px;
2914
- --height-title-tertiary_double:58px;
2915
- --height-title-quaternary_double:49px;
2916
- --spacing-title-padding_left:20px;
2917
- --spacing-title-padding_right:20px;
2918
- --spacing-title-primary_icon-margin_y:4px;
2919
- --spacing-title-secondary_icon-margin_y:4px;
2920
- --spacing-title-tertiary_icon-margin_y:4px;
2921
- --spacing-title-quaternary_icon-margin_y:4px;
2922
- --spacing-title-text-margin_right:4px;
2923
- --spacing-title-subtitle-margin_top:4px;
2924
- --icon-title-primary:20px;
2925
- --icon-title-secondary:20px;
2926
- --icon-title-tertiary:16px;
2927
- --icon-title-quaternary:16px;
2928
- --icon-title-arrow:16px;
2929
- --color-title-head:rgba(0,0,0,.85);
2930
- --color-title-text:rgba(0,0,0,.5);
2931
- --color-title-icon_arrow:rgba(0,0,0,.5);
2843
+ html{
2844
+ --height-tag-l:18px;
2845
+ --height-tag-s:14px;
2846
+ --height-tag-m:16px;
2847
+ --radius-tag-bg:4px;
2848
+ --spacing-tag-padding_y:4px;
2849
+ --width-tag-border:0.5px;
2850
+ --color-tag-default-text:#7f7f7f;
2851
+ --color-tag-default-bg:#f1f2f4;
2852
+ --color-tag-default_border-text:#f1f2f4;
2853
+ --color-tag-default-border:#f1f2f4;
2854
+ --color-tag-dark-text:#ffffff;
2855
+ --color-tag-dark-bg:rgba(0,0,0,.3);
2856
+ --color-tag-dark_border-text:rgba(0,0,0,.85);
2857
+ --color-tag-dark-border:rgba(0,0,0,.3);
2858
+ --color-tag-blue-text:#18a0fb;
2859
+ --color-tag-blue-bg:rgba(24,160,251,.1);
2860
+ --color-tag-blue-border:rgba(24,160,251,.5);
2861
+ --color-tag-cyan-text:#00A5BB;
2862
+ --color-tag-cyan-bg:rgba(0,165,187,.1);
2863
+ --color-tag-cyan-border:rgba(0,165,187,.5);
2864
+ --color-tag-green-text:#1bc47d;
2865
+ --color-tag-green-bg:rgba(27,196,125,.1);
2866
+ --color-tag-green-border:rgba(27,196,125,.5);
2867
+ --color-tag-olive-text:#77c13f;
2868
+ --color-tag-olive-bg:rgba(119,193,63,.15);
2869
+ --color-tag-olive-border:rgba(119,193,63,.60);
2870
+ --color-tag-yellow-text:#ffa819;
2871
+ --color-tag-yellow-bg:rgba(255,199,0,.15);
2872
+ --color-tag-yellow-border:rgba(210,167,0,.5);
2873
+ --color-tag-orange-text:#ff733c;
2874
+ --color-tag-orange-bg:rgba(255,115,60,.1);
2875
+ --color-tag-orange-border:rgba(255,115,60,.5);
2876
+ --color-tag-red-text:#f24822;
2877
+ --color-tag-red-bg:rgba(242,72,34,.1);
2878
+ --color-tag-red-border:rgba(242,72,34,.5);
2879
+ --color-tag-pink-text:#f459a7;
2880
+ --color-tag-pink-bg:rgba(244,89,167,.1);
2881
+ --color-tag-pink-border:rgba(244,89,167,.5);
2882
+ --color-tag-purple-text:#907cff;
2883
+ --color-tag-purple-bg:rgba(144,124,255,.1);
2884
+ --color-tag-purple-border:rgba(144,124,255,.5);
2932
2885
  }
2933
-
2934
- html[theme="dark"]{
2935
- --height-toast-small:109px;
2936
- --width-toast-small:120px;
2937
- --width-toast-large:279px;
2938
- --radius-toast-content:10px;
2939
- --spacing-toast-padding_y:20px;
2940
- --spacing-toast-padding_x:20px;
2941
- --spacing-toast-icon-margin_bottom:6px;
2942
- --icon-toast-size:48px;
2943
- --color-toast-bg:rgba(72,72,74,.96);
2944
- --color-toast-text:#ffffff;
2945
- }
2946
- html{
2947
- --height-toast-small:109px;
2948
- --width-toast-small:120px;
2949
- --width-toast-large:279px;
2950
- --radius-toast-content:10px;
2951
- --spacing-toast-padding_y:20px;
2952
- --spacing-toast-padding_x:20px;
2953
- --spacing-toast-icon-margin_bottom:6px;
2954
- --icon-toast-size:48px;
2955
- --color-toast-bg:rgba(0,0,0,.85);
2956
- --color-toast-text:#ffffff;
2886
+
2887
+ html[theme="dark"]{
2888
+ --height-title-primary:48px;
2889
+ --height-title-secondary:48px;
2890
+ --height-title-tertiary:40px;
2891
+ --height-title-quaternary:32px;
2892
+ --height-title-primary_double:69px;
2893
+ --height-title-secondary_double:66px;
2894
+ --height-title-tertiary_double:58px;
2895
+ --height-title-quaternary_double:49px;
2896
+ --spacing-title-padding_left:20px;
2897
+ --spacing-title-padding_right:20px;
2898
+ --spacing-title-primary_icon-margin_y:4px;
2899
+ --spacing-title-secondary_icon-margin_y:4px;
2900
+ --spacing-title-tertiary_icon-margin_y:4px;
2901
+ --spacing-title-quaternary_icon-margin_y:4px;
2902
+ --spacing-title-text-margin_right:4px;
2903
+ --spacing-title-subtitle-margin_top:4px;
2904
+ --icon-title-primary:20px;
2905
+ --icon-title-secondary:20px;
2906
+ --icon-title-tertiary:16px;
2907
+ --icon-title-quaternary:16px;
2908
+ --icon-title-arrow:16px;
2909
+ --color-title-head:#F2F5FF;
2910
+ --color-title-text:rgba(235,235,245,.65);
2911
+ --color-title-icon_arrow:rgba(235,235,245,.65);
2957
2912
  }
2958
-
2959
- html[theme="dark"]{
2960
- --height-upload-bg:96px;
2961
- --width-upload-small:96px;
2962
- --radius-upload-content:6px;
2963
- --spacing-upload-padding_top:22px;
2964
- --spacing-upload-padding_bottom:19px;
2965
- --spacing-upload-text-margin_top:6px;
2966
- --icon-upload-size:32px;
2967
- --icon-upload-close:16px;
2968
- --color-upload-bg:rgba(118,118,128,.14);
2969
- --color-upload-icon:rgba(255,255,255,.15);
2970
- --color-upload-text:rgba(235,235,245,.65);
2971
- --color-upload-pdf-bg:rgba(235,92,49,.85);
2972
- --color-upload-pdf-text:#ffffff;
2973
- --color-upload-close_bg:rgba(0,0,0,.3);
2974
- }
2975
- html{
2976
- --height-upload-bg:96px;
2977
- --width-upload-small:96px;
2978
- --radius-upload-content:6px;
2979
- --spacing-upload-padding_top:22px;
2980
- --spacing-upload-padding_bottom:19px;
2981
- --spacing-upload-text-margin_top:6px;
2982
- --icon-upload-size:32px;
2983
- --icon-upload-close:16px;
2984
- --color-upload-bg:#f7f8f9;
2985
- --color-upload-icon:rgba(0,0,0,.15);
2986
- --color-upload-text:rgba(0,0,0,.5);
2987
- --color-upload-pdf-bg:rgba(235,92,49,.85);
2988
- --color-upload-pdf-text:#ffffff;
2989
- --color-upload-close_bg:rgba(0,0,0,.3);
2913
+ html{
2914
+ --height-title-primary:48px;
2915
+ --height-title-secondary:48px;
2916
+ --height-title-tertiary:40px;
2917
+ --height-title-quaternary:32px;
2918
+ --height-title-primary_double:69px;
2919
+ --height-title-secondary_double:66px;
2920
+ --height-title-tertiary_double:58px;
2921
+ --height-title-quaternary_double:49px;
2922
+ --spacing-title-padding_left:20px;
2923
+ --spacing-title-padding_right:20px;
2924
+ --spacing-title-primary_icon-margin_y:4px;
2925
+ --spacing-title-secondary_icon-margin_y:4px;
2926
+ --spacing-title-tertiary_icon-margin_y:4px;
2927
+ --spacing-title-quaternary_icon-margin_y:4px;
2928
+ --spacing-title-text-margin_right:4px;
2929
+ --spacing-title-subtitle-margin_top:4px;
2930
+ --icon-title-primary:20px;
2931
+ --icon-title-secondary:20px;
2932
+ --icon-title-tertiary:16px;
2933
+ --icon-title-quaternary:16px;
2934
+ --icon-title-arrow:16px;
2935
+ --color-title-head:rgba(0,0,0,.85);
2936
+ --color-title-text:rgba(0,0,0,.5);
2937
+ --color-title-icon_arrow:rgba(0,0,0,.5);
2938
+ }
2939
+
2940
+ html[theme="dark"]{
2941
+ --height-toast-small:109px;
2942
+ --width-toast-small:120px;
2943
+ --width-toast-large:279px;
2944
+ --radius-toast-content:10px;
2945
+ --spacing-toast-padding_y:20px;
2946
+ --spacing-toast-padding_x:20px;
2947
+ --spacing-toast-icon-margin_bottom:6px;
2948
+ --icon-toast-size:48px;
2949
+ --color-toast-bg:rgba(72,72,74,.96);
2950
+ --color-toast-text:#ffffff;
2951
+ }
2952
+ html{
2953
+ --height-toast-small:109px;
2954
+ --width-toast-small:120px;
2955
+ --width-toast-large:279px;
2956
+ --radius-toast-content:10px;
2957
+ --spacing-toast-padding_y:20px;
2958
+ --spacing-toast-padding_x:20px;
2959
+ --spacing-toast-icon-margin_bottom:6px;
2960
+ --icon-toast-size:48px;
2961
+ --color-toast-bg:rgba(0,0,0,.85);
2962
+ --color-toast-text:#ffffff;
2963
+ }
2964
+
2965
+ html[theme="dark"]{
2966
+ --height-upload-bg:96px;
2967
+ --width-upload-small:96px;
2968
+ --radius-upload-content:6px;
2969
+ --spacing-upload-padding_top:22px;
2970
+ --spacing-upload-padding_bottom:19px;
2971
+ --spacing-upload-text-margin_top:6px;
2972
+ --icon-upload-size:32px;
2973
+ --icon-upload-close:16px;
2974
+ --color-upload-bg:rgba(118,118,128,.14);
2975
+ --color-upload-icon:rgba(255,255,255,.15);
2976
+ --color-upload-text:rgba(235,235,245,.65);
2977
+ --color-upload-pdf-bg:rgba(235,92,49,.85);
2978
+ --color-upload-pdf-text:#ffffff;
2979
+ --color-upload-close_bg:rgba(0,0,0,.3);
2980
+ }
2981
+ html{
2982
+ --height-upload-bg:96px;
2983
+ --width-upload-small:96px;
2984
+ --radius-upload-content:6px;
2985
+ --spacing-upload-padding_top:22px;
2986
+ --spacing-upload-padding_bottom:19px;
2987
+ --spacing-upload-text-margin_top:6px;
2988
+ --icon-upload-size:32px;
2989
+ --icon-upload-close:16px;
2990
+ --color-upload-bg:#f7f8f9;
2991
+ --color-upload-icon:rgba(0,0,0,.15);
2992
+ --color-upload-text:rgba(0,0,0,.5);
2993
+ --color-upload-pdf-bg:rgba(235,92,49,.85);
2994
+ --color-upload-pdf-text:#ffffff;
2995
+ --color-upload-close_bg:rgba(0,0,0,.3);
2990
2996
  }