vdesign-ui 0.1.17 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/actions-cell/actions/index.vue +14 -6
  2. package/dist/components/actions-cell/actions/style.less +21 -3
  3. package/dist/components/activityviews/index.vue +74 -42
  4. package/dist/components/activityviews/style.less +6 -8
  5. package/dist/components/checkbox/style.less +6 -4
  6. package/dist/components/data-list/style.less +7 -7
  7. package/dist/components/dialog/index.vue +12 -13
  8. package/dist/components/dialog/style.less +44 -34
  9. package/dist/components/dropdown/index.vue +1 -1
  10. package/dist/components/dropdown/style.less +16 -0
  11. package/dist/components/icon/font/iconfont.css +1041 -817
  12. package/dist/components/icon/font/iconfont.js +1 -1
  13. package/dist/components/input/style.less +9 -8
  14. package/dist/components/mixins/themeMixin.js +29 -0
  15. package/dist/components/noticebar/index.vue +4 -3
  16. package/dist/components/noticebar/style.less +23 -0
  17. package/dist/components/popover/style.less +1 -4
  18. package/dist/components/result/completed-dark.png +0 -0
  19. package/dist/components/result/error-dark.png +0 -0
  20. package/dist/components/result/index.vue +24 -5
  21. package/dist/components/result/wait-dark.png +0 -0
  22. package/dist/components/slider/style.less +1 -0
  23. package/dist/components/step-item/index.vue +40 -12
  24. package/dist/components/step-item/style.less +6 -6
  25. package/dist/components/switch/style.less +2 -0
  26. package/dist/components/tabs/style.less +12 -12
  27. package/dist/img/completed-dark.4183a8a8.png +0 -0
  28. package/dist/img/error-dark.b80857da.png +0 -0
  29. package/dist/img/wait-dark.6aa28731.png +0 -0
  30. package/dist/token.css +184 -176
  31. package/dist/vdesign-ui.common.js +376 -270
  32. package/dist/vdesign-ui.css +1 -1
  33. package/dist/vdesign-ui.umd.js +376 -270
  34. package/dist/vdesign-ui.umd.min.js +3 -3
  35. package/package.json +3 -3
  36. package/dist/components/dialog/index copy.vue +0 -112
package/dist/token.css CHANGED
@@ -2,7 +2,7 @@
2
2
  html[theme="dark"]{
3
3
  --height-actionbar-content:46;
4
4
  --spacing-actionbar-padding_y:20;
5
- --color-actionbar-bg:#0E0E10;
5
+ --color-actionbar-bg:#19191E;
6
6
  }
7
7
  html{
8
8
  --height-actionbar-content:46;
@@ -19,15 +19,15 @@ html[theme="dark"]{
19
19
  --icon-actions-card:24;
20
20
  --icon-actions-size:28;
21
21
  --color-actions-text:#ffffff;
22
+ --color-actions-text-disable:rgba(255,255,255,.2);
22
23
  --color-actions-bg-green:#1bc47d;
23
24
  --color-actions-bg-warning:#eb5c31;
24
25
  --color-actions-bg-blue:#5998e9;
25
26
  --color-actions-bg-gray:#696970;
26
- --color-actions-bg-green-disable:rgba(27,196,125,.3);
27
- --color-actions-bg-warning-disable:rgba(235,92,49,.3);
28
- --color-actions-bg-blue-disable:rgba(89,152,233,.3);
29
- --color-actions-bg-gray-disable:rgba(105,105,112,.3);
30
- --color-actions-text-disable:rgba(255,255,255,.3);
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
31
  }
32
32
  html{
33
33
  --width-actions-form_small:72;
@@ -74,7 +74,7 @@ html[theme="dark"]{
74
74
  --color-activityviews-text_describe:rgba(235,235,245,.65);
75
75
  --color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
76
76
  --color-activityviews-actionsheet_title:rgba(235,235,245,.65);
77
- --color-activityviews-bar:#7f7f7f;
77
+ --color-activityviews-bar:rgba(84,84,88,.85);
78
78
  }
79
79
  html{
80
80
  --height-activityviews-title_describe:74;
@@ -99,9 +99,9 @@ html{
99
99
  --color-activityviews-bg:#ffffff;
100
100
  --color-activityviews-title:rgba(0,0,0,.85);
101
101
  --color-activityviews-text_describe:rgba(0,0,0,.5);
102
- --color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
102
+ --color-activityviews-actionsheet_divider:rgba(153,153,153,.15);
103
103
  --color-activityviews-actionsheet_title:rgba(0,0,0,.5);
104
- --color-activityviews-bar:#c2c2c2;
104
+ --color-activityviews-bar:rgba(0,0,0,.15);
105
105
  }
106
106
 
107
107
  html[theme="dark"]{
@@ -162,7 +162,7 @@ html[theme="dark"]{
162
162
  --color-button-primary-bg-press:#09825a;
163
163
  --color-button-primary-text-press:#ffffff;
164
164
  --color-button-primary-bg-disable:rgba(27,196,125,.25);
165
- --color-button-primary-text-disable:rgba(235,235,245,.25);
165
+ --color-button-primary-text-disable:rgba(235,235,245,.3);
166
166
  --color-button-secondary-bg-default:rgba(118,118,128,.24);
167
167
  --color-button-secondary-text-default:#1bc47d;
168
168
  --color-button-secondary-bg-press:rgba(118,118,128,.5);
@@ -186,19 +186,19 @@ html[theme="dark"]{
186
186
  --color-button-tertiary-bg-press:rgba(118,118,128,.5);
187
187
  --color-button-tertiary-text-press:#F2F5FF;
188
188
  --color-button-tertiary-bg-disable:rgba(118,118,128,.24);
189
- --color-button-tertiary-text-disable:rgba(235,235,245,.25);
189
+ --color-button-tertiary-text-disable:rgba(235,235,245,.3);
190
190
  --color-button-tertiary_grey-bg-default:rgba(118,118,128,.24);
191
191
  --color-button-tertiary_grey-text-default:#F2F5FF;
192
192
  --color-button-tertiary_grey-bg-press:rgba(118,118,128,.5);
193
193
  --color-button-tertiary_grey-text-press:#F2F5FF;
194
194
  --color-button-tertiary_grey-bg-disable:rgba(118,118,128,.24);
195
- --color-button-tertiary_grey-text-disable:rgba(235,235,245,.25);
196
- --color-button-border-default:rgba(235,235,245,.25);
195
+ --color-button-tertiary_grey-text-disable:rgba(235,235,245,.3);
196
+ --color-button-border-default:rgba(235,235,245,.3);
197
197
  --color-button-border-text-default:#F2F5FF;
198
198
  --color-button-border-press:#F2F5FF;
199
199
  --color-button-border-text-press:#F2F5FF;
200
- --color-button-border-disable:rgba(235,235,245,.25);
201
- --color-button-border-text-disable:rgba(235,235,245,.25);
200
+ --color-button-border-disable:rgba(235,235,245,.3);
201
+ --color-button-border-text-disable:rgba(235,235,245,.3);
202
202
  --color-button-border_primary-default:#1bc47d;
203
203
  --color-button-border_primary-text-default:#1bc47d;
204
204
  --color-button-border_primary-press:#09825a;
@@ -228,7 +228,7 @@ html[theme="dark"]{
228
228
  --color-button-link_text-disable:rgba(89,152,233,.25);
229
229
  --color-button-tertiary_borderless_text-default:#F2F5FF;
230
230
  --color-button-tertiary_borderless_text-press:rgba(235,235,245,.65);
231
- --color-button-tertiary_borderless_text-disable:rgba(235,235,245,.25);
231
+ --color-button-tertiary_borderless_text-disable:rgba(235,235,245,.3);
232
232
  --color-button-buy-bg-default:#1bc47d;
233
233
  --color-button-buy-text-default:#ffffff;
234
234
  --color-button-buy-bg-press:#0da36b;
@@ -246,7 +246,7 @@ html[theme="dark"]{
246
246
  --color-button-bg-press:rgba(118,118,128,.5);
247
247
  --color-button-icon-press:#F2F5FF;
248
248
  --color-button-bg-disable:rgba(118,118,128,.24);
249
- --color-button-icon-disable:rgba(235,235,245,.25);
249
+ --color-button-icon-disable:rgba(235,235,245,.3);
250
250
  }
251
251
  html{
252
252
  --height-button-l:48;
@@ -307,19 +307,19 @@ html{
307
307
  --color-button-tertiary-bg-press:#f7f8f9;
308
308
  --color-button-tertiary-text-press:rgba(0,0,0,.85);
309
309
  --color-button-tertiary-bg-disable:#ffffff;
310
- --color-button-tertiary-text-disable:rgba(0,0,0,.2);
310
+ --color-button-tertiary-text-disable:rgba(0,0,0,.3);
311
311
  --color-button-tertiary_grey-bg-default:#f7f8f9;
312
312
  --color-button-tertiary_grey-text-default:rgba(0,0,0,.85);
313
313
  --color-button-tertiary_grey-bg-press:#f7f8f9;
314
314
  --color-button-tertiary_grey-text-press:rgba(0,0,0,.85);
315
315
  --color-button-tertiary_grey-bg-disable:#f7f8f9;
316
- --color-button-tertiary_grey-text-disable:rgba(0,0,0,.2);
317
- --color-button-border-default:rgba(0,0,0,.2);
316
+ --color-button-tertiary_grey-text-disable:rgba(0,0,0,.3);
317
+ --color-button-border-default:rgba(0,0,0,.3);
318
318
  --color-button-border-text-default:rgba(0,0,0,.85);
319
319
  --color-button-border-press:rgba(0,0,0,.85);
320
320
  --color-button-border-text-press:rgba(0,0,0,.85);
321
- --color-button-border-disable:rgba(0,0,0,.2);
322
- --color-button-border-text-disable:rgba(0,0,0,.2);
321
+ --color-button-border-disable:rgba(0,0,0,.3);
322
+ --color-button-border-text-disable:rgba(0,0,0,.3);
323
323
  --color-button-border_primary-default:#1bc47d;
324
324
  --color-button-border_primary-text-default:#1bc47d;
325
325
  --color-button-border_primary-press:#09825a;
@@ -349,7 +349,7 @@ html{
349
349
  --color-button-link_text-disable:rgba(89,152,233,.3);
350
350
  --color-button-tertiary_borderless_text-default:rgba(0,0,0,.85);
351
351
  --color-button-tertiary_borderless_text-press:rgba(0,0,0,.5);
352
- --color-button-tertiary_borderless_text-disable:rgba(0,0,0,.2);
352
+ --color-button-tertiary_borderless_text-disable:rgba(0,0,0,.3);
353
353
  --color-button-buy-bg-default:#1bc47d;
354
354
  --color-button-buy-text-default:#ffffff;
355
355
  --color-button-buy-bg-press:#0da36b;
@@ -367,7 +367,7 @@ html{
367
367
  --color-button-bg-press:#f7f8f9;
368
368
  --color-button-icon-press:rgba(0,0,0,.5);
369
369
  --color-button-bg-disable:#f7f8f9;
370
- --color-button-icon-disable:rgba(0,0,0,.2);
370
+ --color-button-icon-disable:rgba(0,0,0,.3);
371
371
  }
372
372
 
373
373
  html[theme="dark"]{
@@ -399,12 +399,12 @@ html[theme="dark"]{
399
399
  --color-check_radio-disable:rgba(84,84,88,.3);
400
400
  --color-check_radio-active-disable:rgba(27,196,125,.25);
401
401
  --color-check_radio-text-default:#F2F5FF;
402
- --color-check_radio-text-disable:rgba(235,235,245,.25);
402
+ --color-check_radio-text-disable:rgba(235,235,245,.3);
403
403
  --color-check_radio-text_describe-default:rgba(235,235,245,.65);
404
- --color-check_radio-text_describe-disable:rgba(235,235,245,.25);
404
+ --color-check_radio-text_describe-disable:rgba(235,235,245,.3);
405
405
  --color-check_radio-radio_button_text-default:#F2F5FF;
406
406
  --color-check_radio-radio_button_text-active:#1bc47d;
407
- --color-check_radio-radio_button_text-disable:rgba(235,235,245,.25);
407
+ --color-check_radio-radio_button_text-disable:rgba(235,235,245,.3);
408
408
  --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
409
409
  --color-check_radio-radio_border-default:rgba(84,84,88,.85);
410
410
  --color-check_radio-radio_border-active:#1bc47d;
@@ -412,9 +412,12 @@ html[theme="dark"]{
412
412
  --color-check_radio-check_bg-default:rgba(118,118,128,.15);
413
413
  --color-check_radio-check_bg-active:rgba(27,196,125,.10);
414
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);
415
418
  --color-check_radio-check_button_icon-default:rgba(235,235,245,.65);
416
419
  --color-check_radio-check_button_icon-active:#1bc47d;
417
- --color-check_radio-check_button_icon-disable:rgba(235,235,245,.25);
420
+ --color-check_radio-check_button_icon-disable:rgba(235,235,245,.3);
418
421
  --color-check_radio-radio_button_wrong-text-active:#eb5c31;
419
422
  --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
420
423
  --color-check_radio-radio_wrong_border-active:#eb5c31;
@@ -448,12 +451,12 @@ html{
448
451
  --color-check_radio-active:#1bc47d;
449
452
  --color-check_radio-active-disable:rgba(27,196,125,.3);
450
453
  --color-check_radio-text-default:rgba(0,0,0,.85);
451
- --color-check_radio-text-disable:rgba(0,0,0,.2);
454
+ --color-check_radio-text-disable:rgba(0,0,0,.3);
452
455
  --color-check_radio-text_describe-default:rgba(0,0,0,.5);
453
- --color-check_radio-text_describe-disable:rgba(0,0,0,.2);
456
+ --color-check_radio-text_describe-disable:rgba(0,0,0,.3);
454
457
  --color-check_radio-radio_button_text-default:rgba(0,0,0,.85);
455
458
  --color-check_radio-radio_button_text-active:#1bc47d;
456
- --color-check_radio-radio_button_text-disable:rgba(0,0,0,.2);
459
+ --color-check_radio-radio_button_text-disable:rgba(0,0,0,.3);
457
460
  --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
458
461
  --color-check_radio-radio_border-default:rgba(0,0,0,.15);
459
462
  --color-check_radio-radio_border-active:#1bc47d;
@@ -461,9 +464,12 @@ html{
461
464
  --color-check_radio-check_bg-default:#f7f8f9;
462
465
  --color-check_radio-check_bg-active:rgba(27,196,125,.10);
463
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);
464
470
  --color-check_radio-check_button_icon-default:rgba(0,0,0,.5);
465
471
  --color-check_radio-check_button_icon-active:#1bc47d;
466
- --color-check_radio-check_button_icon-disable:rgba(0,0,0,.2);
472
+ --color-check_radio-check_button_icon-disable:rgba(0,0,0,.3);
467
473
  --color-check_radio-radio_button_wrong-text-active:#eb5c31;
468
474
  --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
469
475
  --color-check_radio-radio_wrong_border-active:#eb5c31;
@@ -583,19 +589,19 @@ html[theme="dark"]{
583
589
  --spacing-datepicker-radio-padding_x:9;
584
590
  --icon-datepicker-next:16;
585
591
  --color-datepicker-range_picker-bg:rgba(118,118,128,.14);
586
- --color-datepicker-range_picker-text-default:rgba(235,235,245,.25);
592
+ --color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
587
593
  --color-datepicker-range_picker-text-active:#F2F5FF;
588
594
  --color-datepicker-range_picker_divider:rgba(84,84,88,.85);
589
595
  --color-datepicker-title-month_year:#F2F5FF;
590
596
  --color-datepicker-icon_next-default:#F2F5FF;
591
- --color-datepicker-icon_next-disable:rgba(235,235,245,.25);
597
+ --color-datepicker-icon_next-disable:rgba(235,235,245,.3);
592
598
  --color-datepicker-text-week:rgba(235,235,245,.65);
593
- --color-datepicker-date-bg-default:rgba(118,118,128,.14);
599
+ --color-datepicker-date-bg-default:rgba(118,118,128,.0);
594
600
  --color-datepicker-date-text-default:#F2F5FF;
595
601
  --color-datepicker-date-bg-active:#1bc47d;
596
602
  --color-datepicker-date-text-active:#ffffff;
597
- --color-datepicker-date-bg-disable:rgba(118,118,128,.14);
598
- --color-datepicker-date-text-disable:rgba(235,235,245,.25);
603
+ --color-datepicker-date-bg-disable:rgba(118,118,128,.0);
604
+ --color-datepicker-date-text-disable:rgba(235,235,245,.3);
599
605
  --color-datepicker-today_dot:rgba(235,235,245,.25);
600
606
  --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
601
607
  }
@@ -622,19 +628,19 @@ html{
622
628
  --spacing-datepicker-radio-padding_x:9;
623
629
  --icon-datepicker-next:16;
624
630
  --color-datepicker-range_picker-bg:#f7f8f9;
625
- --color-datepicker-range_picker-text-default:rgba(0,0,0,.2);
631
+ --color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
626
632
  --color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
627
633
  --color-datepicker-range_picker_divider:rgba(0,0,0,.15);
628
634
  --color-datepicker-title-month_year:rgba(0,0,0,.85);
629
635
  --color-datepicker-icon_next-default:rgba(0,0,0,.85);
630
- --color-datepicker-icon_next-disable:rgba(0,0,0,.2);
636
+ --color-datepicker-icon_next-disable:rgba(0,0,0,.3);
631
637
  --color-datepicker-text-week:rgba(0,0,0,.5);
632
638
  --color-datepicker-date-bg-default:#ffffff;
633
639
  --color-datepicker-date-text-default:rgba(0,0,0,.85);
634
640
  --color-datepicker-date-bg-active:#1bc47d;
635
641
  --color-datepicker-date-text-active:#ffffff;
636
642
  --color-datepicker-date-bg-disable:#ffffff;
637
- --color-datepicker-date-text-disable:rgba(0,0,0,.2);
643
+ --color-datepicker-date-text-disable:rgba(0,0,0,.3);
638
644
  --color-datepicker-today_dot:rgba(0,0,0,.15);
639
645
  --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
640
646
  }
@@ -678,7 +684,7 @@ html[theme="dark"]{
678
684
  --color-dialog-title:#F2F5FF;
679
685
  --color-dialog-text:#F2F5FF;
680
686
  --color-dialog-content-bg:rgba(118,118,128,.14);
681
- --color-dialog-sequence_point:#rgba(235,235,245,.25);
687
+ --color-dialog-sequence_point:rgba(235,235,245,.3);
682
688
  }
683
689
  html{
684
690
  --height-dialog-super_small:44;
@@ -710,7 +716,7 @@ html{
710
716
  --color-dialog-title:rgba(0,0,0,.85);
711
717
  --color-dialog-text:rgba(0,0,0,.85);
712
718
  --color-dialog-content-bg:#f7f8f9;
713
- --color-dialog-sequence_point:rgba(0,0,0,.2);
719
+ --color-dialog-sequence_point:rgba(0,0,0,.3);
714
720
  }
715
721
 
716
722
  html[theme="dark"]{
@@ -760,11 +766,11 @@ html[theme="dark"]{
760
766
  --color-dropdown-bg-default:#2C2C2E;
761
767
  --color-dropdown-primary-text-default:#F2F5FF;
762
768
  --color-dropdown-primary-text-active:#F2F5FF;
763
- --color-dropdown-primary-text-disable:rgba(235,235,245,.25);
769
+ --color-dropdown-primary-text-disable:rgba(235,235,245,.3);
764
770
  --color-dropdown-divider:rgba(84,84,88,.35);
765
771
  --color-dropdown-secondary-text-default:#F2F5FF;
766
772
  --color-dropdown-secondary-text-active:#1bc47d;
767
- --color-dropdown-secondary-text-disable:rgba(235,235,245,.25);
773
+ --color-dropdown-secondary-text-disable:rgba(235,235,245,.3);
768
774
  --color-dropdown-state-bg-default:#2C2C2E;
769
775
  --color-dropdown-state-bg-active:rgba(118,118,128,.24);
770
776
  --color-dropdown-state-text-default:#F2F5FF;
@@ -772,7 +778,7 @@ html[theme="dark"]{
772
778
  --color-dropdown-state-open:#1bc47d;
773
779
  --color-dropdown-state-preopen:#ffa819;
774
780
  --color-dropdown-state-close:rgba(235,235,245,.65);
775
- --color-dropdown-state-fusing:#eb5c31;
781
+ --color-dropdown-state-fusing:rgba(235,235,245,.65);
776
782
  --color-dropdown-state-pre_market_auction:#f459a7;
777
783
  --color-dropdown-state-last_trading_session:#18a0fb;
778
784
  --color-dropdown-group-title-default:rgba(235,235,245,.65);
@@ -826,11 +832,11 @@ html{
826
832
  --color-dropdown-bg-default:#ffffff;
827
833
  --color-dropdown-primary-text-default:rgba(0,0,0,.85);
828
834
  --color-dropdown-primary-text-active:rgba(0,0,0,.85);
829
- --color-dropdown-primary-text-disable:rgba(0,0,0,.2);
835
+ --color-dropdown-primary-text-disable:rgba(0,0,0,.3);
830
836
  --color-dropdown-divider:rgba(0,0,0,.05);
831
837
  --color-dropdown-secondary-text-default:rgba(0,0,0,.85);
832
838
  --color-dropdown-secondary-text-active:#1bc47d;
833
- --color-dropdown-secondary-text-disable:rgba(0,0,0,.2);
839
+ --color-dropdown-secondary-text-disable:rgba(0,0,0,.3);
834
840
  --color-dropdown-state-bg-default:#ffffff;
835
841
  --color-dropdown-state-bg-active:#f7f8f9;
836
842
  --color-dropdown-state-text-default:rgba(0,0,0,.85);
@@ -838,7 +844,7 @@ html{
838
844
  --color-dropdown-state-open:#1bc47d;
839
845
  --color-dropdown-state-preopen:#ffa819;
840
846
  --color-dropdown-state-close:rgba(0,0,0,.5);
841
- --color-dropdown-state-fusing:#eb5c31;
847
+ --color-dropdown-state-fusing:rgba(0,0,0,.5);
842
848
  --color-dropdown-state-pre_market_auction:#f459a7;
843
849
  --color-dropdown-state-last_trading_session:#18a0fb;
844
850
  --color-dropdown-group-title-default:rgba(0,0,0,.5);
@@ -944,6 +950,10 @@ html[theme="dark"]{
944
950
  --green-c9:#0C5838;
945
951
  --green-c10:#093E28;
946
952
  --green-c11:#113226;
953
+ --green-opacity-1:rgba(27,196,125,.05);
954
+ --green-opacity-2:rgba(27,196,125,.1);
955
+ --green-opacity-3:rgba(27,196,125,.15);
956
+ --green-opacity-4:rgba(27,196,125,.2);
947
957
  --red-c1:#ffeeee;
948
958
  --red-c2:#ffdedd;
949
959
  --red-c3:#fcc0bd;
@@ -957,6 +967,10 @@ html[theme="dark"]{
957
967
  --red-c11:#6C200F;
958
968
  --red-c12:#4D170B;
959
969
  --red-c13:#3C1A14;
970
+ --red-opacity-1:rgba(235,92,49,.05);
971
+ --red-opacity-2:rgba(235,92,49,.1);
972
+ --red-opacity-3:rgba(235,92,49,.15);
973
+ --red-opacity-4:rgba(235,92,49,.2);
960
974
  --blue-c1:#f2fcff;
961
975
  --blue-c2:#d9f3fe;
962
976
  --blue-c3:#b7e7fd;
@@ -969,6 +983,10 @@ html[theme="dark"]{
969
983
  --blue-c10:#076b9d;
970
984
  --blue-c11:#09506f;
971
985
  --blue-c12:#08334F;
986
+ --blue-opacity-1:rgba(24,160,251,.1);
987
+ --blue-opacity-2:rgba(24,160,251,.2);
988
+ --blue-opacity-3:rgba(24,160,251,.3);
989
+ --blue-opacity-4:rgba(24,160,251,.5);
972
990
  --yellow-c1:#fffbe4;
973
991
  --yellow-c2:#fff6ca;
974
992
  --yellow-c3:#ffeea5;
@@ -981,6 +999,10 @@ html[theme="dark"]{
981
999
  --yellow-c10:#725900;
982
1000
  --yellow-c11:#513F00;
983
1001
  --yellow-c12:#4D420B;
1002
+ --yellow-opacity-1:rgba(255,199,0,.1);
1003
+ --yellow-opacity-2:rgba(255,199,0,.2);
1004
+ --yellow-opacity-3:rgba(255,199,0,.3);
1005
+ --yellow-opacity-4:rgba(255,199,0,.5);
984
1006
  --orange-c1:#fff3ec;
985
1007
  --orange-c2:#ffd9c3;
986
1008
  --orange-c3:#ffbd8e;
@@ -992,6 +1014,10 @@ html[theme="dark"]{
992
1014
  --orange-c9:#723C1B;
993
1015
  --orange-c10:#512A13;
994
1016
  --orange-c11:#3E2619;
1017
+ --orange-opacity-1:rgba(255,134,60,.1);
1018
+ --orange-opacity-2:rgba(255,134,60,.2);
1019
+ --orange-opacity-3:rgba(255,134,60,.3);
1020
+ --orange-opacity-4:rgba(255,134,60,.5);
995
1021
  --purple-c1:#F2F5FF;
996
1022
  --purple-c2:#EBEBF5;
997
1023
  --purple-c3:#e1e0ff;
@@ -1003,6 +1029,10 @@ html[theme="dark"]{
1003
1029
  --purple-c9:#5240A1;
1004
1030
  --purple-c10:#3A2D72;
1005
1031
  --purple-c11:#292051;
1032
+ --purple-opacity-1:rgba(144,124,255,.1);
1033
+ --purple-opacity-2:rgba(144,124,255,.2);
1034
+ --purple-opacity-3:rgba(144,124,255,.3);
1035
+ --purple-opacity-4:rgba(144,124,255,.5);
1006
1036
  --teal-c1:#edfbf9;
1007
1037
  --teal-c2:#c6f1eb;
1008
1038
  --teal-c3:#aaebe2;
@@ -1014,6 +1044,10 @@ html[theme="dark"]{
1014
1044
  --teal-c9:#205E56;
1015
1045
  --teal-c10:#16433D;
1016
1046
  --teal-c11:#193533;
1047
+ --teal-opacity-1:rgba(71,211,192,.1);
1048
+ --teal-opacity-2:rgba(71,211,192,.2);
1049
+ --teal-opacity-3:rgba(71,211,192,.3);
1050
+ --teal-opacity-4:rgba(71,211,192,.5);
1017
1051
  --cyan-c1:#e6f8fa;
1018
1052
  --cyan-c2:#b0e8f0;
1019
1053
  --cyan-c3:#8adde8;
@@ -1025,6 +1059,10 @@ html[theme="dark"]{
1025
1059
  --cyan-c9:#00515C;
1026
1060
  --cyan-c10:#003941;
1027
1061
  --cyan-c11:#0B2F36;
1062
+ --cyan-opacity-1:rgba(0,165,187,.1);
1063
+ --cyan-opacity-2:rgba(0,165,187,.2);
1064
+ --cyan-opacity-3:rgba(0,165,187,.3);
1065
+ --cyan-opacity-4:rgba(0,165,187,.5);
1028
1066
  --pink-c1:#fff2f9;
1029
1067
  --pink-c2:#fde6f3;
1030
1068
  --pink-c3:#fbd0e7;
@@ -1036,6 +1074,10 @@ html[theme="dark"]{
1036
1074
  --pink-c9:#9A386A;
1037
1075
  --pink-c10:#6D284B;
1038
1076
  --pink-c11:#53243D;
1077
+ --pink-opacity-1:rgba(244,89,167,.1);
1078
+ --pink-opacity-2:rgba(244,89,167,.2);
1079
+ --pink-opacity-3:rgba(244,89,167,.3);
1080
+ --pink-opacity-4:rgba(244,89,167,.5);
1039
1081
  --olive-c1:#f9fae9;
1040
1082
  --olive-c2:#eff6d6;
1041
1083
  --olive-c3:#def1b9;
@@ -1047,6 +1089,10 @@ html[theme="dark"]{
1047
1089
  --olive-c9:#4A6830;
1048
1090
  --olive-c10:#344922;
1049
1091
  --olive-c11:#2C3A22;
1092
+ --olive-opacity-1:rgba(166,232,108,.1);
1093
+ --olive-opacity-2:rgba(166,232,108,.2);
1094
+ --olive-opacity-3:rgba(166,232,108,.3);
1095
+ --olive-opacity-4:rgba(166,232,108,.5);
1050
1096
  --shadow-s1:0px 2px 2px rgba(0,0,0,.05);
1051
1097
  --shadow-s2:0px 2px 8px rgba(0,0,0,.05);
1052
1098
  --shadow-s3:0px 2px 16px rgba(0,0,0,.05);
@@ -1232,6 +1278,9 @@ html[theme="dark"]{
1232
1278
  --border-medium:2;
1233
1279
  --border-radius-super-full:999;
1234
1280
  --font-size-l:10;
1281
+ --black-opacity-3:rgba(0,0,0,.15);
1282
+ --black-opacity-6:rgba(0,0,0,.3);
1283
+ --white-opacity-3:rgba(255,255,255,.15);
1235
1284
  --divider-color-default-1:rgba(84,84,88,.35);
1236
1285
  --divider-color-default-2:rgba(84,84,88,.85);
1237
1286
  --divider-color-hover:rgba(255,255,255,.85);
@@ -1250,7 +1299,7 @@ html[theme="dark"]{
1250
1299
  --shadow-color:rgba(0,0,0,.80);
1251
1300
  --text-color-h1:#F2F5FF;
1252
1301
  --text-color-h2:rgba(235,235,245,.65);
1253
- --text-color-h3:rgba(235,235,245,.25);
1302
+ --text-color-h3:rgba(235,235,245,.3);
1254
1303
  --text-color-highlight:#1bc47d;
1255
1304
  --text-color-highlight-press:#09825a;
1256
1305
  --text-color-highlight-disable:rgba(27,196,125,.25);
@@ -1324,54 +1373,12 @@ html[theme="dark"]{
1324
1373
  --chart-line-color-10:rgba(235,235,245,.30);
1325
1374
  --chart-column-color-1:#47d3c0;
1326
1375
  --chart-column-color-2:#5998e9;
1327
- --green-opacity-1:rgba(27,196,125,.05);
1328
- --green-opacity-2:rgba(27,196,125,.1);
1329
- --green-opacity-3:rgba(27,196,125,.15);
1330
- --green-opacity-4:rgba(27,196,125,.2);
1331
- --red-opacity-1:rgba(235,92,49,.05);
1332
- --red-opacity-2:rgba(235,92,49,.1);
1333
- --red-opacity-3:rgba(235,92,49,.15);
1334
- --red-opacity-4:rgba(235,92,49,.2);
1335
- --blue-opacity-1:rgba(24,160,251,.1);
1336
- --blue-opacity-2:rgba(24,160,251,.2);
1337
- --blue-opacity-3:rgba(24,160,251,.3);
1338
- --blue-opacity-4:rgba(24,160,251,.5);
1339
- --yellow-opacity-1:rgba(255,199,0,.1);
1340
- --yellow-opacity-2:rgba(210,167,0,.2);
1341
- --yellow-opacity-3:rgba(210,167,0,.3);
1342
- --yellow-opacity-4:rgba(210,167,0,.5);
1343
- --orange-opacity-1:rgba(255,134,60,.1);
1344
- --orange-opacity-2:rgba(255,134,60,.2);
1345
- --orange-opacity-3:rgba(255,134,60,.3);
1346
- --orange-opacity-4:rgba(255,134,60,.5);
1347
- --purple-opacity-1:rgba(144,124,255,.1);
1348
- --purple-opacity-2:rgba(144,124,255,.2);
1349
- --purple-opacity-3:rgba(144,124,255,.3);
1350
- --purple-opacity-4:rgba(144,124,255,.5);
1351
- --teal-opacity-1:rgba(71,211,192,.1);
1352
- --teal-opacity-2:rgba(71,211,192,.2);
1353
- --teal-opacity-3:rgba(71,211,192,.3);
1354
- --teal-opacity-4:rgba(71,211,192,.5);
1355
- --cyan-opacity-1:rgba(0,165,187,.1);
1356
- --cyan-opacity-2:rgba(0,165,187,.2);
1357
- --cyan-opacity-3:rgba(0,165,187,.3);
1358
- --cyan-opacity-4:rgba(0,165,187,.5);
1359
- --pink-opacity-1:rgba(244,89,167,.1);
1360
- --pink-opacity-2:rgba(244,89,167,.2);
1361
- --pink-opacity-3:rgba(244,89,167,.3);
1362
- --pink-opacity-4:rgba(244,89,167,.5);
1363
- --olive-opacity-1:rgba(166,232,108,.1);
1364
- --olive-opacity-2:rgba(166,232,108,.2);
1365
- --olive-opacity-3:rgba(166,232,108,.3);
1366
- --olive-opacity-4:rgba(166,232,108,.5);
1367
- --black-opacity-3:rgba(0,0,0,.15);
1368
- --black-opacity-6:rgba(0,0,0,.3);
1369
- --white-opacity-3:rgba(255,255,255,.15);
1370
1376
  --color-quotes-stock_chart_indicator-bg:rgba(14,14,16,.8);
1371
1377
  --color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
1372
1378
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
1373
1379
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
1374
1380
  --color-trade-account_head_card_my-bg:#3A2D72;
1381
+ --color-trade-account_head_card_ar-bg:#09825a;
1375
1382
  }
1376
1383
  html{
1377
1384
  --divider-small:0.5;
@@ -1422,6 +1429,10 @@ html{
1422
1429
  --green-c9:#0C5838;
1423
1430
  --green-c10:#093E28;
1424
1431
  --green-c11:#113226;
1432
+ --green-opacity-1:rgba(27,196,125,.05);
1433
+ --green-opacity-2:rgba(27,196,125,.1);
1434
+ --green-opacity-3:rgba(27,196,125,.15);
1435
+ --green-opacity-4:rgba(27,196,125,.2);
1425
1436
  --red-c1:#ffeeee;
1426
1437
  --red-c2:#ffdedd;
1427
1438
  --red-c3:#fcc0bd;
@@ -1435,6 +1446,10 @@ html{
1435
1446
  --red-c11:#6C200F;
1436
1447
  --red-c12:#4D170B;
1437
1448
  --red-c13:#3C1A14;
1449
+ --red-opacity-1:rgba(235,92,49,.05);
1450
+ --red-opacity-2:rgba(235,92,49,.1);
1451
+ --red-opacity-3:rgba(235,92,49,.15);
1452
+ --red-opacity-4:rgba(235,92,49,.2);
1438
1453
  --blue-c1:#f2fcff;
1439
1454
  --blue-c2:#d9f3fe;
1440
1455
  --blue-c3:#b7e7fd;
@@ -1447,6 +1462,10 @@ html{
1447
1462
  --blue-c10:#076b9d;
1448
1463
  --blue-c11:#09506f;
1449
1464
  --blue-c12:#08334F;
1465
+ --blue-opacity-1:rgba(24,160,251,.1);
1466
+ --blue-opacity-2:rgba(24,160,251,.2);
1467
+ --blue-opacity-3:rgba(24,160,251,.3);
1468
+ --blue-opacity-4:rgba(24,160,251,.5);
1450
1469
  --yellow-c1:#fffbe4;
1451
1470
  --yellow-c2:#fff6ca;
1452
1471
  --yellow-c3:#ffeea5;
@@ -1459,6 +1478,10 @@ html{
1459
1478
  --yellow-c10:#725900;
1460
1479
  --yellow-c11:#513F00;
1461
1480
  --yellow-c12:#4D420B;
1481
+ --yellow-opacity-1:rgba(255,199,0,.1);
1482
+ --yellow-opacity-2:rgba(255,199,0,.2);
1483
+ --yellow-opacity-3:rgba(255,199,0,.3);
1484
+ --yellow-opacity-4:rgba(255,199,0,.5);
1462
1485
  --orange-c1:#fff3ec;
1463
1486
  --orange-c2:#ffd9c3;
1464
1487
  --orange-c3:#ffbd8e;
@@ -1470,6 +1493,10 @@ html{
1470
1493
  --orange-c9:#723C1B;
1471
1494
  --orange-c10:#512A13;
1472
1495
  --orange-c11:#3E2619;
1496
+ --orange-opacity-1:rgba(255,134,60,.1);
1497
+ --orange-opacity-2:rgba(255,134,60,.2);
1498
+ --orange-opacity-3:rgba(255,134,60,.3);
1499
+ --orange-opacity-4:rgba(255,134,60,.5);
1473
1500
  --purple-c1:#F2F5FF;
1474
1501
  --purple-c2:#EBEBF5;
1475
1502
  --purple-c3:#e1e0ff;
@@ -1481,6 +1508,10 @@ html{
1481
1508
  --purple-c9:#5240A1;
1482
1509
  --purple-c10:#3A2D72;
1483
1510
  --purple-c11:#292051;
1511
+ --purple-opacity-1:rgba(144,124,255,.1);
1512
+ --purple-opacity-2:rgba(144,124,255,.2);
1513
+ --purple-opacity-3:rgba(144,124,255,.3);
1514
+ --purple-opacity-4:rgba(144,124,255,.5);
1484
1515
  --teal-c1:#edfbf9;
1485
1516
  --teal-c2:#c6f1eb;
1486
1517
  --teal-c3:#aaebe2;
@@ -1492,6 +1523,10 @@ html{
1492
1523
  --teal-c9:#205E56;
1493
1524
  --teal-c10:#16433D;
1494
1525
  --teal-c11:#193533;
1526
+ --teal-opacity-1:rgba(71,211,192,.1);
1527
+ --teal-opacity-2:rgba(71,211,192,.2);
1528
+ --teal-opacity-3:rgba(71,211,192,.3);
1529
+ --teal-opacity-4:rgba(71,211,192,.5);
1495
1530
  --cyan-c1:#e6f8fa;
1496
1531
  --cyan-c2:#b0e8f0;
1497
1532
  --cyan-c3:#8adde8;
@@ -1503,6 +1538,10 @@ html{
1503
1538
  --cyan-c9:#00515C;
1504
1539
  --cyan-c10:#003941;
1505
1540
  --cyan-c11:#0B2F36;
1541
+ --cyan-opacity-1:rgba(0,165,187,.1);
1542
+ --cyan-opacity-2:rgba(0,165,187,.2);
1543
+ --cyan-opacity-3:rgba(0,165,187,.3);
1544
+ --cyan-opacity-4:rgba(0,165,187,.5);
1506
1545
  --pink-c1:#fff2f9;
1507
1546
  --pink-c2:#fde6f3;
1508
1547
  --pink-c3:#fbd0e7;
@@ -1514,6 +1553,10 @@ html{
1514
1553
  --pink-c9:#9A386A;
1515
1554
  --pink-c10:#6D284B;
1516
1555
  --pink-c11:#53243D;
1556
+ --pink-opacity-1:rgba(244,89,167,.1);
1557
+ --pink-opacity-2:rgba(244,89,167,.2);
1558
+ --pink-opacity-3:rgba(244,89,167,.3);
1559
+ --pink-opacity-4:rgba(244,89,167,.5);
1517
1560
  --olive-c1:#f9fae9;
1518
1561
  --olive-c2:#eff6d6;
1519
1562
  --olive-c3:#def1b9;
@@ -1525,6 +1568,10 @@ html{
1525
1568
  --olive-c9:#4A6830;
1526
1569
  --olive-c10:#344922;
1527
1570
  --olive-c11:#2C3A22;
1571
+ --olive-opacity-1:rgba(166,232,108,.1);
1572
+ --olive-opacity-2:rgba(166,232,108,.2);
1573
+ --olive-opacity-3:rgba(166,232,108,.3);
1574
+ --olive-opacity-4:rgba(166,232,108,.5);
1528
1575
  --shadow-s1:0px 2px 2px rgba(0,0,0,.05);
1529
1576
  --shadow-s2:0px 2px 8px rgba(0,0,0,.05);
1530
1577
  --shadow-s3:0px 2px 16px rgba(0,0,0,.05);
@@ -1710,6 +1757,9 @@ html{
1710
1757
  --border-medium:2;
1711
1758
  --border-radius-super-full:999;
1712
1759
  --font-size-l:10;
1760
+ --black-opacity-3:rgba(0,0,0,.15);
1761
+ --black-opacity-6:rgba(0,0,0,.3);
1762
+ --white-opacity-3:rgba(255,255,255,.15);
1713
1763
  --divider-color-default-1:rgba(0,0,0,.05);
1714
1764
  --divider-color-default-2:rgba(0,0,0,.15);
1715
1765
  --divider-color-hover:rgba(0,0,0,.85);
@@ -1728,7 +1778,7 @@ html{
1728
1778
  --shadow-color:rgba(0,0,0,.05);
1729
1779
  --text-color-h1:rgba(0,0,0,.85);
1730
1780
  --text-color-h2:rgba(0,0,0,.5);
1731
- --text-color-h3:rgba(0,0,0,.2);
1781
+ --text-color-h3:rgba(0,0,0,.3);
1732
1782
  --text-color-highlight:#1bc47d;
1733
1783
  --text-color-highlight-press:#09825a;
1734
1784
  --text-color-highlight-disable:rgba(27,196,125,.3);
@@ -1802,54 +1852,12 @@ html{
1802
1852
  --chart-line-color-10:rgba(0,0,0,.30);
1803
1853
  --chart-column-color-1:#47d3c0;
1804
1854
  --chart-column-color-2:#5998e9;
1805
- --green-opacity-1:rgba(27,196,125,.05);
1806
- --green-opacity-2:rgba(27,196,125,.1);
1807
- --green-opacity-3:rgba(27,196,125,.15);
1808
- --green-opacity-4:rgba(27,196,125,.2);
1809
- --red-opacity-1:rgba(235,92,49,.05);
1810
- --red-opacity-2:rgba(235,92,49,.1);
1811
- --red-opacity-3:rgba(235,92,49,.15);
1812
- --red-opacity-4:rgba(235,92,49,.2);
1813
- --blue-opacity-1:rgba(24,160,251,.1);
1814
- --blue-opacity-2:rgba(24,160,251,.2);
1815
- --blue-opacity-3:rgba(24,160,251,.3);
1816
- --blue-opacity-4:rgba(24,160,251,.5);
1817
- --yellow-opacity-1:rgba(255,199,0,.1);
1818
- --yellow-opacity-2:rgba(210,167,0,.2);
1819
- --yellow-opacity-3:rgba(210,167,0,.3);
1820
- --yellow-opacity-4:rgba(210,167,0,.5);
1821
- --orange-opacity-1:rgba(255,134,60,.1);
1822
- --orange-opacity-2:rgba(255,134,60,.2);
1823
- --orange-opacity-3:rgba(255,134,60,.3);
1824
- --orange-opacity-4:rgba(255,134,60,.5);
1825
- --purple-opacity-1:rgba(144,124,255,.1);
1826
- --purple-opacity-2:rgba(144,124,255,.2);
1827
- --purple-opacity-3:rgba(144,124,255,.3);
1828
- --purple-opacity-4:rgba(144,124,255,.5);
1829
- --teal-opacity-1:rgba(71,211,192,.1);
1830
- --teal-opacity-2:rgba(71,211,192,.2);
1831
- --teal-opacity-3:rgba(71,211,192,.3);
1832
- --teal-opacity-4:rgba(71,211,192,.5);
1833
- --cyan-opacity-1:rgba(0,165,187,.1);
1834
- --cyan-opacity-2:rgba(0,165,187,.2);
1835
- --cyan-opacity-3:rgba(0,165,187,.3);
1836
- --cyan-opacity-4:rgba(0,165,187,.5);
1837
- --pink-opacity-1:rgba(244,89,167,.1);
1838
- --pink-opacity-2:rgba(244,89,167,.2);
1839
- --pink-opacity-3:rgba(244,89,167,.3);
1840
- --pink-opacity-4:rgba(244,89,167,.5);
1841
- --olive-opacity-1:rgba(166,232,108,.1);
1842
- --olive-opacity-2:rgba(166,232,108,.2);
1843
- --olive-opacity-3:rgba(166,232,108,.3);
1844
- --olive-opacity-4:rgba(166,232,108,.5);
1845
- --black-opacity-3:rgba(0,0,0,.15);
1846
- --black-opacity-6:rgba(0,0,0,.3);
1847
- --white-opacity-3:rgba(255,255,255,.15);
1848
1855
  --color-quotes-stock_chart_indicator-bg:rgba(255,255,255,.8);
1849
1856
  --color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
1850
1857
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
1851
1858
  --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
1852
1859
  --color-trade-account_head_card_my-bg:#3A2D72;
1860
+ --color-trade-account_head_card_ar-bg:#1bc47d;
1853
1861
  }
1854
1862
 
1855
1863
  html[theme="dark"]{
@@ -1926,14 +1934,14 @@ html[theme="dark"]{
1926
1934
  --icon-input-form_suffix:20;
1927
1935
  --icon-input-search:20;
1928
1936
  --icon-input-trade_number_input_icon:20;
1929
- --color-input-text-default:rgba(235,235,245,.25);
1937
+ --color-input-text-default:rgba(235,235,245,.3);
1930
1938
  --color-input-text-active:#F2F5FF;
1931
1939
  --color-input-text-wrong:#eb5c31;
1932
- --color-input-text-disable:rgba(235,235,245,.25);
1940
+ --color-input-text-disable:rgba(235,235,245,.3);
1933
1941
  --color-input-form-border-default:rgba(84,84,88,.85);
1934
1942
  --color-input-form-border-active:rgba(255,255,255,.85);
1935
1943
  --color-input-form-border-wrong:#eb5c31;
1936
- --color-input-form_counter-default:rgba(235,235,245,.25);
1944
+ --color-input-form_counter-default:rgba(235,235,245,.3);
1937
1945
  --color-input-form_counter-warning:#eb5c31;
1938
1946
  --color-input-form-bg-wrong:#3C1A14;
1939
1947
  --color-input-textarea-bg-default:rgba(118,118,128,.14);
@@ -1983,14 +1991,14 @@ html{
1983
1991
  --icon-input-form_suffix:20;
1984
1992
  --icon-input-search:20;
1985
1993
  --icon-input-trade_number_input_icon:20;
1986
- --color-input-text-default:rgba(0,0,0,.2);
1994
+ --color-input-text-default:rgba(0,0,0,.3);
1987
1995
  --color-input-text-active:rgba(0,0,0,.85);
1988
1996
  --color-input-text-wrong:#eb5c31;
1989
- --color-input-text-disable:rgba(0,0,0,.2);
1997
+ --color-input-text-disable:rgba(0,0,0,.3);
1990
1998
  --color-input-form-border-default:rgba(0,0,0,.15);
1991
1999
  --color-input-form-border-active:rgba(0,0,0,.85);
1992
2000
  --color-input-form-border-wrong:#eb5c31;
1993
- --color-input-form_counter-default:rgba(0,0,0,.2);
2001
+ --color-input-form_counter-default:rgba(0,0,0,.3);
1994
2002
  --color-input-form_counter-warning:#eb5c31;
1995
2003
  --color-input-form-bg-wrong:#ffeeee;
1996
2004
  --color-input-textarea-bg-default:#f7f8f9;
@@ -2290,30 +2298,30 @@ html[theme="dark"]{
2290
2298
  --icon-selector-multi_button_close:16;
2291
2299
  --icon-selector-xl:24;
2292
2300
  --width-selector-form:335;
2293
- --color-selector-xl-text-disable:rgba(235,235,245,.25);
2294
- --color-selector-xl-text-default:rgba(235,235,245,.25);
2301
+ --color-selector-xl-text-disable:rgba(235,235,245,.3);
2302
+ --color-selector-xl-text-default:rgba(235,235,245,.3);
2295
2303
  --color-selector-xl-text-active:#F2F5FF;
2296
- --color-selector-l-text-default:rgba(235,235,245,.25);
2304
+ --color-selector-l-text-default:rgba(235,235,245,.3);
2297
2305
  --color-selector-l-text-active:#F2F5FF;
2298
- --color-selector-l-text-disable:rgba(235,235,245,.25);
2306
+ --color-selector-l-text-disable:rgba(235,235,245,.3);
2299
2307
  --color-selector-icon_down-default:rgba(235,235,245,.65);
2300
2308
  --color-selector-icon_down-active:rgba(235,235,245,.65);
2301
- --color-selector-icon_down-disable:rgba(235,235,245,.25);
2302
- --color-selector-m-text-default:rgba(235,235,245,.25);
2309
+ --color-selector-icon_down-disable:rgba(235,235,245,.3);
2310
+ --color-selector-m-text-default:rgba(235,235,245,.3);
2303
2311
  --color-selector-m-text-active:#F2F5FF;
2304
- --color-selector-m-text-disable:rgba(235,235,245,.25);
2305
- --color-selector-s-text-default:rgba(235,235,245,.25);
2312
+ --color-selector-m-text-disable:rgba(235,235,245,.3);
2313
+ --color-selector-s-text-default:rgba(235,235,245,.3);
2306
2314
  --color-selector-s-text-active:#F2F5FF;
2307
- --color-selector-s-text-disable:rgba(235,235,245,.25);
2315
+ --color-selector-s-text-disable:rgba(235,235,245,.3);
2308
2316
  --color-selector-form-bg-default:rgba(118,118,128,.14);
2309
2317
  --color-selector-form-bg-active:rgba(118,118,128,.14);
2310
2318
  --color-selector-form-bg-disable:rgba(118,118,128,.14);
2311
- --color-selector-form-text-default:rgba(235,235,245,.25);
2319
+ --color-selector-form-text-default:rgba(235,235,245,.3);
2312
2320
  --color-selector-form-text-active:#F2F5FF;
2313
- --color-selector-form-text-disable:rgba(235,235,245,.25);
2321
+ --color-selector-form-text-disable:rgba(235,235,245,.3);
2314
2322
  --color-selector-multi_button-bg:rgba(118,118,128,.14);
2315
2323
  --color-selector-multi_button-text:#F2F5FF;
2316
- --color-selector-multi_icon_close:rgba(235,235,245,.25);
2324
+ --color-selector-multi_icon_close:rgba(235,235,245,.3);
2317
2325
  --color-selector-multi_icon_down:rgba(235,235,245,.65);
2318
2326
  --color-selector-multi_divider:rgba(84,84,88,.85);
2319
2327
  --color-selector-import-bg-default:rgba(0,0,0,.05);
@@ -2345,30 +2353,30 @@ html{
2345
2353
  --icon-selector-multi_button_close:16;
2346
2354
  --icon-selector-xl:24;
2347
2355
  --width-selector-form:335;
2348
- --color-selector-xl-text-disable:rgba(0,0,0,.2);
2349
- --color-selector-xl-text-default:rgba(0,0,0,.2);
2356
+ --color-selector-xl-text-disable:rgba(0,0,0,.3);
2357
+ --color-selector-xl-text-default:rgba(0,0,0,.3);
2350
2358
  --color-selector-xl-text-active:rgba(0,0,0,.85);
2351
- --color-selector-l-text-default:rgba(0,0,0,.2);
2359
+ --color-selector-l-text-default:rgba(0,0,0,.3);
2352
2360
  --color-selector-l-text-active:rgba(0,0,0,.85);
2353
- --color-selector-l-text-disable:rgba(0,0,0,.2);
2361
+ --color-selector-l-text-disable:rgba(0,0,0,.3);
2354
2362
  --color-selector-icon_down-default:rgba(0,0,0,.5);
2355
2363
  --color-selector-icon_down-active:rgba(0,0,0,.5);
2356
- --color-selector-icon_down-disable:rgba(0,0,0,.2);
2357
- --color-selector-m-text-default:rgba(0,0,0,.2);
2364
+ --color-selector-icon_down-disable:rgba(0,0,0,.3);
2365
+ --color-selector-m-text-default:rgba(0,0,0,.3);
2358
2366
  --color-selector-m-text-active:rgba(0,0,0,.85);
2359
- --color-selector-m-text-disable:rgba(0,0,0,.2);
2360
- --color-selector-s-text-default:rgba(0,0,0,.2);
2367
+ --color-selector-m-text-disable:rgba(0,0,0,.3);
2368
+ --color-selector-s-text-default:rgba(0,0,0,.3);
2361
2369
  --color-selector-s-text-active:rgba(0,0,0,.85);
2362
- --color-selector-s-text-disable:rgba(0,0,0,.2);
2370
+ --color-selector-s-text-disable:rgba(0,0,0,.3);
2363
2371
  --color-selector-form-bg-default:#f7f8f9;
2364
2372
  --color-selector-form-bg-active:#f7f8f9;
2365
2373
  --color-selector-form-bg-disable:#f7f8f9;
2366
- --color-selector-form-text-default:rgba(0,0,0,.2);
2374
+ --color-selector-form-text-default:rgba(0,0,0,.3);
2367
2375
  --color-selector-form-text-active:rgba(0,0,0,.85);
2368
- --color-selector-form-text-disable:rgba(0,0,0,.2);
2376
+ --color-selector-form-text-disable:rgba(0,0,0,.3);
2369
2377
  --color-selector-multi_button-bg:#f7f8f9;
2370
2378
  --color-selector-multi_button-text:rgba(0,0,0,.85);
2371
- --color-selector-multi_icon_close:rgba(0,0,0,.2);
2379
+ --color-selector-multi_icon_close:rgba(0,0,0,.3);
2372
2380
  --color-selector-multi_icon_down:rgba(0,0,0,.5);
2373
2381
  --color-selector-multi_divider:rgba(0,0,0,.15);
2374
2382
  --color-selector-import-bg-default:rgba(0,0,0,.05);
@@ -2456,7 +2464,7 @@ html[theme="dark"]{
2456
2464
  --spacing-slider-mark-margin_top:20;
2457
2465
  --spacing-slider-mark_handle-margin_top:2;
2458
2466
  --spacing-slider-mark_text_focus-margin_bottom:8;
2459
- --color-slider-mark-text:rgba(235,235,245,.25);
2467
+ --color-slider-mark-text:rgba(235,235,245,.3);
2460
2468
  --color-slider-track-default:rgba(118,118,128,.24);
2461
2469
  --color-slider-track-focus:#1bc47d;
2462
2470
  --color-slider-handle-bg:#ffffff;
@@ -2481,7 +2489,7 @@ html{
2481
2489
  --spacing-slider-mark-margin_top:20;
2482
2490
  --spacing-slider-mark_handle-margin_top:2;
2483
2491
  --spacing-slider-mark_text_focus-margin_bottom:8;
2484
- --color-slider-mark-text:rgba(0,0,0,.2);
2492
+ --color-slider-mark-text:rgba(0,0,0,.3);
2485
2493
  --color-slider-track-default:#ebedf0;
2486
2494
  --color-slider-track-focus:#1bc47d;
2487
2495
  --color-slider-handle-bg:#ffffff;
@@ -2567,13 +2575,13 @@ html[theme="dark"]{
2567
2575
  --radius-switch-bg:5;
2568
2576
  --radius-switch-button:10;
2569
2577
  --color-switch-off_bg-default:rgba(105,105,112,.6);
2570
- --color-switch-off_bg-disable:rgba(105,105,112,.3);
2578
+ --color-switch-off_bg-disable:rgba(105,105,112,.2);
2571
2579
  --color-switch-off_button_bg-default:#eeeeee;
2572
- --color-switch-off_button_bg-disable:#2C2C2E;
2580
+ --color-switch-off_button_bg-disable:rgba(72,72,74,.95);
2573
2581
  --color-switch-off_button_border-default:rgba(0,0,0,.1);
2574
2582
  --color-switch-off_button_border-disable:rgba(0,0,0,.05);
2575
2583
  --color-switch-on_bg-default:rgba(27,196,125,.3);
2576
- --color-switch-on_bg-disable:rgba(27,196,125,.15);
2584
+ --color-switch-on_bg-disable:rgba(27,196,125,.1);
2577
2585
  --color-switch-on_button_bg-default:#1bc47d;
2578
2586
  --color-switch-on_button_bg-disable:#093E28;
2579
2587
  --color-switch-on_button_border-default:rgba(0,0,0,.1);
@@ -2592,7 +2600,7 @@ html{
2592
2600
  --color-switch-off_button_border-default:rgba(0,0,0,.1);
2593
2601
  --color-switch-off_button_border-disable:rgba(0,0,0,.02);
2594
2602
  --color-switch-on_bg-default:rgba(27,196,125,.3);
2595
- --color-switch-on_bg-disable:rgba(27,196,125,.15);
2603
+ --color-switch-on_bg-disable:rgba(27,196,125,.1);
2596
2604
  --color-switch-on_button_bg-default:#1bc47d;
2597
2605
  --color-switch-on_button_bg-disable:#d2f3ea;
2598
2606
  --color-switch-on_button_border-default:rgba(0,0,0,.1);
@@ -2668,7 +2676,7 @@ html[theme="dark"]{
2668
2676
  --color-tab-selector-text-active:#F2F5FF;
2669
2677
  --color-tab-buy-text-default:#F2F5FF;
2670
2678
  --color-tab-buy-text-active:#1bc47d;
2671
- --color-tab-buy-text-disable:rgba(235,235,245,.25);
2679
+ --color-tab-buy-text-disable:rgba(235,235,245,.3);
2672
2680
  --color-tab-buy-bg-default:rgba(118,118,128,.14);
2673
2681
  --color-tab-buy-bg-active:rgba(27,196,125,.20);
2674
2682
  --color-tab-buy-border-active:#1bc47d;
@@ -2683,7 +2691,7 @@ html[theme="dark"]{
2683
2691
  --color-tab-filter-text-active:#F2F5FF;
2684
2692
  --color-tab-filter_down:rgba(235,235,245,.65);
2685
2693
  --color-tab-filter-divider:rgba(84,84,88,.35);
2686
- --color-tab-sell-text-disable:rgba(235,235,245,.25);
2694
+ --color-tab-sell-text-disable:rgba(235,235,245,.3);
2687
2695
  --color-tab-filter_down-active:#1bc47d;
2688
2696
  }
2689
2697
  html{
@@ -2755,14 +2763,14 @@ html{
2755
2763
  --color-tab-selector-text-active:rgba(0,0,0,.85);
2756
2764
  --color-tab-buy-text-default:rgba(0,0,0,.85);
2757
2765
  --color-tab-buy-text-active:#1bc47d;
2758
- --color-tab-buy-text-disable:rgba(0,0,0,.2);
2766
+ --color-tab-buy-text-disable:rgba(0,0,0,.3);
2759
2767
  --color-tab-buy-bg-default:#f7f8f9;
2760
2768
  --color-tab-buy-bg-active:rgba(27,196,125,.15);
2761
2769
  --color-tab-buy-border-active:#1bc47d;
2762
2770
  --color-tab-buy-bg-disable:#f7f8f9;
2763
2771
  --color-tab-sell-text-default:rgba(0,0,0,.85);
2764
2772
  --color-tab-sell-text-active:#f24822;
2765
- --color-tab-sell-text-disable:rgba(0,0,0,.2);
2773
+ --color-tab-sell-text-disable:rgba(0,0,0,.3);
2766
2774
  --color-tab-sell-bg-default:#f7f8f9;
2767
2775
  --color-tab-sell-bg-active:rgba(242,72,34,.15);
2768
2776
  --color-tab-sell-border-active:#f24822;