-
Notifications
You must be signed in to change notification settings - Fork 0
/
_visual.scss
2578 lines (2410 loc) · 84.1 KB
/
_visual.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
// Do not edit directly
$light-color-scheme-primary-default: #0374eb;
$light-color-scheme-second-default: #6d7a86;
$light-color-scheme-error-default: #db3c55;
$light-color-scheme-info-default: #0374eb;
$light-color-scheme-success-default: #028b49;
$light-color-scheme-warning-default: #a26e0c;
$light-color-scheme-foreground-text: #19252f;
$light-color-scheme-foreground-text-less-contrast: #6d7a86;
$light-color-scheme-foreground-text-disabled: #8c99a5;
$light-color-scheme-foreground-text-error: #db3c55;
$light-color-scheme-foreground-text-success: #016b37;
$light-color-scheme-foreground-divider: #d7dee4;
$light-color-scheme-foreground-border: #bdc7d1;
$light-color-scheme-foreground-icon: #8c99a5;
$light-color-scheme-background-background: white;
$light-color-scheme-background-background-disabled: #f2f5f9;
$light-color-scheme-background-overlay-hover: rgba(black, 0.05);
$light-color-scheme-background-overlay-active: rgba(black, 0.1);
$light-color-scheme-background-overlay-disabled: rgba(white, 0.3);
$light-color-scheme-states-focused-color: #0374eb;
$light-color-scheme-states-focused-color-error: #db3c55;
$light-color-scheme-states-selected-color: #e7f1ff;
$light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
$light-color-scheme-states-disabled-opacity: 0.3;
$dark-color-scheme-primary-default: #0059b8;
$dark-color-scheme-second-default: #515e69;
$dark-color-scheme-error-default: #b9023a;
$dark-color-scheme-info-default: #0c6579;
$dark-color-scheme-success-default: #016b37;
$dark-color-scheme-warning-default: #7e5406;
$dark-color-scheme-foreground-text: #f2f5f9;
$dark-color-scheme-foreground-text-less-contrast: #8c99a5;
$dark-color-scheme-foreground-text-disabled: #6d7a86;
$dark-color-scheme-foreground-text-error: #ea5868;
$dark-color-scheme-foreground-text-success: #319d5c;
$dark-color-scheme-foreground-divider: #333f4a;
$dark-color-scheme-foreground-border: #515e69;
$dark-color-scheme-foreground-icon: #8c99a5;
$dark-color-scheme-background-background: #19252f;
$dark-color-scheme-background-background-disabled: #333f4a;
$dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
$dark-color-scheme-background-overlay-active: rgba(black, 0.1);
$dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
$dark-color-scheme-states-focused-color: #4187ff;
$dark-color-scheme-states-focused-color-error: #b9023a;
$dark-color-scheme-states-selected-color: #014b9d;
$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
$dark-color-scheme-states-disabled-opacity: 0.3;
$font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
$size-3xs: 2px;
$size-xxs: 4px;
$size-xs: 6px;
$size-s: 8px;
$size-m: 12px;
$size-l: 16px;
$size-xl: 20px;
$size-xxl: 24px;
$size-3xl: 32px;
$size-4xl: 40px;
$size-5xl: 48px;
$size-6xl: 56px;
$size-7xl: 64px;
$palette-blue-40: #eff6ff;
$palette-blue-60: #e7f1ff;
$palette-blue-100: #c8dfff;
$palette-blue-200: #a2c7fe;
$palette-blue-300: #5697ff;
$palette-blue-400: #4187ff;
$palette-blue-500: #0374eb;
$palette-blue-560: #0059b8;
$palette-blue-600: #014b9d;
$palette-blue-700: #023c7f;
$palette-blue-800: #193060;
$palette-blue-900: #00224f;
$palette-blue-a100: rgba(3, 116, 235, 0.15);
$palette-blue-a200: rgba(3, 116, 235, 0.3);
$palette-blue-contrast-40: #4D4D4D;
$palette-blue-contrast-60: #4D4D4D;
$palette-blue-contrast-100: #4D4D4D;
$palette-blue-contrast-200: #4D4D4D;
$palette-blue-contrast-300: #4D4D4D;
$palette-blue-contrast-400: white;
$palette-blue-contrast-500: white;
$palette-blue-contrast-560: white;
$palette-blue-contrast-600: white;
$palette-blue-contrast-700: white;
$palette-blue-contrast-800: white;
$palette-blue-contrast-a100: #4D4D4D;
$palette-blue-contrast-a200: white;
$palette-green-40: #ecf9ef;
$palette-green-60: #d2f7db;
$palette-green-100: #b6ebc3;
$palette-green-200: #8ed5a1;
$palette-green-300: #4ba96c;
$palette-green-400: #319d5c;
$palette-green-500: #028b49;
$palette-green-560: #016b37;
$palette-green-600: #015a2d;
$palette-green-700: #004823;
$palette-green-800: #103920;
$palette-green-900: #002a12;
$palette-green-a100: rgba(2, 139, 73, 0.15);
$palette-green-contrast-40: #4D4D4D;
$palette-green-contrast-60: #4D4D4D;
$palette-green-contrast-100: #4D4D4D;
$palette-green-contrast-200: #4D4D4D;
$palette-green-contrast-300: #4D4D4D;
$palette-green-contrast-400: white;
$palette-green-contrast-500: white;
$palette-green-contrast-560: white;
$palette-green-contrast-600: white;
$palette-green-contrast-700: white;
$palette-green-contrast-800: white;
$palette-green-contrast-a100: #4D4D4D;
$palette-red-40: #fff3f3;
$palette-red-60: #ffeaea;
$palette-red-100: #fbd6d6;
$palette-red-200: #fcb2b4;
$palette-red-300: #ee6f79;
$palette-red-400: #ea5868;
$palette-red-500: #db3c55;
$palette-red-560: #b9023a;
$palette-red-600: #9e0130;
$palette-red-700: #800025;
$palette-red-800: #621420;
$palette-red-900: #500013;
$palette-red-a100: rgba(219, 60, 85, 0.15);
$palette-red-contrast-40: #4D4D4D;
$palette-red-contrast-60: #4D4D4D;
$palette-red-contrast-100: #4D4D4D;
$palette-red-contrast-200: #4D4D4D;
$palette-red-contrast-300: #4D4D4D;
$palette-red-contrast-400: white;
$palette-red-contrast-500: white;
$palette-red-contrast-560: white;
$palette-red-contrast-600: white;
$palette-red-contrast-700: white;
$palette-red-contrast-800: white;
$palette-red-contrast-a100: #4D4D4D;
$palette-grey-40: #f2f5f9;
$palette-grey-60: #ebeef2;
$palette-grey-100: #d7dee4;
$palette-grey-200: #bdc7d1;
$palette-grey-300: #8c99a5;
$palette-grey-400: #7f8c98;
$palette-grey-500: #6d7a86;
$palette-grey-560: #515e69;
$palette-grey-600: #434f5a;
$palette-grey-700: #333f4a;
$palette-grey-800: #27333e;
$palette-grey-900: #19252f;
$palette-grey-a40: rgba(25, 37, 47, 0.04);
$palette-grey-a60: rgba(25, 37, 47, 0.06);
$palette-grey-a100: rgba(25, 37, 47, 0.1);
$palette-grey-a200: rgba(25, 37, 47, 0.2);
$palette-grey-a300: rgba(25, 37, 47, 0.3);
$palette-grey-a500: rgba(25, 37, 47, 0.5);
$palette-grey-contrast-40: #4D4D4D;
$palette-grey-contrast-60: #4D4D4D;
$palette-grey-contrast-100: #4D4D4D;
$palette-grey-contrast-200: #4D4D4D;
$palette-grey-contrast-300: #4D4D4D;
$palette-grey-contrast-400: white;
$palette-grey-contrast-500: white;
$palette-grey-contrast-560: white;
$palette-grey-contrast-600: white;
$palette-grey-contrast-700: white;
$palette-grey-contrast-800: white;
$palette-yellow-40: #fff4dd;
$palette-yellow-60: #ffecce;
$palette-yellow-100: #fcdda6;
$palette-yellow-200: #f5c23c;
$palette-yellow-300: #e19f12;
$palette-yellow-400: #c78816;
$palette-yellow-500: #a26e0c;
$palette-yellow-560: #7e5406;
$palette-yellow-600: #6b4804;
$palette-yellow-700: #543803;
$palette-yellow-800: #3e3015;
$palette-yellow-900: #312001;
$palette-yellow-a100: rgba(255, 159, 18, 0.15);
$palette-yellow-contrast-40: #4D4D4D;
$palette-yellow-contrast-60: #4D4D4D;
$palette-yellow-contrast-100: #4D4D4D;
$palette-yellow-contrast-200: #4D4D4D;
$palette-yellow-contrast-300: #4D4D4D;
$palette-yellow-contrast-400: white;
$palette-yellow-contrast-500: white;
$palette-yellow-contrast-560: white;
$palette-yellow-contrast-600: white;
$palette-yellow-contrast-700: white;
$palette-yellow-contrast-800: white;
$palette-yellow-contrast-a100: #4D4D4D;
$palette-teal-40: #ebf8fd;
$palette-teal-60: #d9f3fd;
$palette-teal-100: #afe6f9;
$palette-teal-200: #6ed3f2;
$palette-teal-300: #18a5c5;
$palette-teal-400: #2099b7;
$palette-teal-500: #218ca8;
$palette-teal-560: #0c6579;
$palette-teal-600: #0c5567;
$palette-teal-700: #084453;
$palette-teal-800: #143641;
$palette-teal-900: #022731;
$palette-teal-contrast-40: #4D4D4D;
$palette-teal-contrast-60: #4D4D4D;
$palette-teal-contrast-100: #4D4D4D;
$palette-teal-contrast-200: #4D4D4D;
$palette-teal-contrast-300: #4D4D4D;
$palette-teal-contrast-400: white;
$palette-teal-contrast-500: white;
$palette-teal-contrast-560: white;
$palette-teal-contrast-600: white;
$palette-teal-contrast-700: white;
$palette-teal-contrast-800: white;
$palette-teal-contrast-a100: #4D4D4D;
$palette-teal-contrast-a200: white;
$palette-purple-40: #fff3fb;
$palette-purple-60: #ffe9f8;
$palette-purple-100: #f2d4e8;
$palette-purple-200: #e4bbd7;
$palette-purple-300: #c692b5;
$palette-purple-400: #bb78a7;
$palette-purple-500: #a65d92;
$palette-purple-560: #864775;
$palette-purple-600: #753865;
$palette-purple-700: #612853;
$palette-purple-800: #48273f;
$palette-purple-900: #36172e;
$palette-purple-contrast-40: #4D4D4D;
$palette-purple-contrast-60: #4D4D4D;
$palette-purple-contrast-100: #4D4D4D;
$palette-purple-contrast-200: #4D4D4D;
$palette-purple-contrast-300: #4D4D4D;
$palette-purple-contrast-400: white;
$palette-purple-contrast-500: white;
$palette-purple-contrast-560: white;
$palette-purple-contrast-600: white;
$palette-purple-contrast-700: white;
$palette-purple-contrast-800: white;
$palette-purple-contrast-a100: #4D4D4D;
$palette-purple-contrast-a200: white;
$alert-light-color-scheme-error-background: #fff3f3;
$alert-light-color-scheme-error-border: #fbd6d6;
$alert-light-color-scheme-error-icon: #ee6f79;
$alert-light-color-scheme-warning-background: #fff4dd;
$alert-light-color-scheme-warning-border: #fcdda6;
$alert-light-color-scheme-warning-icon: #e19f12;
$alert-light-color-scheme-success-background: #ecf9ef;
$alert-light-color-scheme-success-border: #b6ebc3;
$alert-light-color-scheme-success-icon: #4ba96c;
$alert-light-color-scheme-info-background: #ebf8fd;
$alert-light-color-scheme-info-border: #afe6f9;
$alert-light-color-scheme-info-icon: #18a5c5;
$alert-light-color-scheme-default-background: #f2f5f9;
$alert-light-color-scheme-default-border: #d7dee4;
$alert-light-color-scheme-default-icon: #8c99a5;
$alert-dark-color-scheme-error-background: #500013;
$alert-dark-color-scheme-error-border: #800025;
$alert-dark-color-scheme-error-icon: #ee6f79;
$alert-dark-color-scheme-warning-background: #3e3015;
$alert-dark-color-scheme-warning-border: #543803;
$alert-dark-color-scheme-warning-icon: #e19f12;
$alert-dark-color-scheme-success-background: #103920;
$alert-dark-color-scheme-success-border: #004823;
$alert-dark-color-scheme-success-icon: #4ba96c;
$alert-dark-color-scheme-info-background: #143641;
$alert-dark-color-scheme-info-border: #084453;
$alert-dark-color-scheme-info-icon: #18a5c5;
$alert-dark-color-scheme-default-background: #27333e;
$alert-dark-color-scheme-default-border: #333f4a;
$alert-dark-color-scheme-default-icon: #8c99a5;
$alert-size-border-width: 1px;
$alert-size-border-radius: 4px;
$alert-size-horizontal-padding: 16px;
$alert-size-vertical-padding: 13px;
$alert-size-icon-margin: 8px;
$alert-size-close-button-width: 16px;
$alert-size-small-vertical-padding: 11px;
$alert-font-default-header: subheading;
$alert-font-default-body: body;
$alert-font-small-header: caption;
$alert-font-small-body: caption;
$autocomplete-size-panel-padding: 4px 0;
$autocomplete-size-panel-max-height: 256px;
$autocomplete-size-panel-border-radius: 3px;
$badge-light-color-scheme-solid-primary-background: #4187ff;
$badge-light-color-scheme-solid-primary-border: #4187ff;
$badge-light-color-scheme-solid-primary-color: white;
$badge-light-color-scheme-solid-info-background: #2099b7;
$badge-light-color-scheme-solid-info-border: #2099b7;
$badge-light-color-scheme-solid-info-color: white;
$badge-light-color-scheme-solid-success-background: #319d5c;
$badge-light-color-scheme-solid-success-border: #319d5c;
$badge-light-color-scheme-solid-success-color: white;
$badge-light-color-scheme-solid-warning-background: #c78816;
$badge-light-color-scheme-solid-warning-border: #c78816;
$badge-light-color-scheme-solid-warning-color: white;
$badge-light-color-scheme-solid-error-background: #ea5868;
$badge-light-color-scheme-solid-error-border: #ea5868;
$badge-light-color-scheme-solid-error-color: white;
$badge-light-color-scheme-solid-transparent-background: transparent;
$badge-light-color-scheme-solid-transparent-border: #bdc7d1;
$badge-light-color-scheme-solid-transparent-color: #19252f;
$badge-light-color-scheme-solid-light-background: #d7dee4;
$badge-light-color-scheme-solid-light-border: #d7dee4;
$badge-light-color-scheme-solid-light-color: #19252f;
$badge-light-color-scheme-solid-second-background: #7f8c98;
$badge-light-color-scheme-solid-second-border: #7f8c98;
$badge-light-color-scheme-solid-second-color: white;
$badge-light-color-scheme-pastel-primary-background: #eff6ff;
$badge-light-color-scheme-pastel-primary-border: #a2c7fe;
$badge-light-color-scheme-pastel-primary-color: #4187ff;
$badge-light-color-scheme-pastel-info-background: #ebf8fd;
$badge-light-color-scheme-pastel-info-border: #a2c7fe;
$badge-light-color-scheme-pastel-info-color: #2099b7;
$badge-light-color-scheme-pastel-success-background: #ecf9ef;
$badge-light-color-scheme-pastel-success-border: #8ed5a1;
$badge-light-color-scheme-pastel-success-color: #028b49;
$badge-light-color-scheme-pastel-warning-background: #fff4dd;
$badge-light-color-scheme-pastel-warning-border: #f5c23c;
$badge-light-color-scheme-pastel-warning-color: #a26e0c;
$badge-light-color-scheme-pastel-error-background: #fff3f3;
$badge-light-color-scheme-pastel-error-border: #fcb2b4;
$badge-light-color-scheme-pastel-error-color: #db3c55;
$badge-dark-color-scheme-pastel-primary-background: #193060;
$badge-dark-color-scheme-pastel-primary-border: #014b9d;
$badge-dark-color-scheme-pastel-primary-color: #a2c7fe;
$badge-dark-color-scheme-pastel-info-background: #143641;
$badge-dark-color-scheme-pastel-info-border: #0c5567;
$badge-dark-color-scheme-pastel-info-color: #6ed3f2;
$badge-dark-color-scheme-pastel-success-background: #103920;
$badge-dark-color-scheme-pastel-success-border: #015a2d;
$badge-dark-color-scheme-pastel-success-color: #8ed5a1;
$badge-dark-color-scheme-pastel-warning-background: #3e3015;
$badge-dark-color-scheme-pastel-warning-border: #6b4804;
$badge-dark-color-scheme-pastel-warning-color: #f5c23c;
$badge-dark-color-scheme-pastel-error-background: #621420;
$badge-dark-color-scheme-pastel-error-border: #9e0130;
$badge-dark-color-scheme-pastel-error-color: #fcb2b4;
$badge-dark-color-scheme-solid-primary-background: #0059b8;
$badge-dark-color-scheme-solid-primary-border: #0059b8;
$badge-dark-color-scheme-solid-primary-color: white;
$badge-dark-color-scheme-solid-info-background: #0c6579;
$badge-dark-color-scheme-solid-info-border: #0c6579;
$badge-dark-color-scheme-solid-info-color: white;
$badge-dark-color-scheme-solid-success-background: #016b37;
$badge-dark-color-scheme-solid-success-border: #016b37;
$badge-dark-color-scheme-solid-success-color: white;
$badge-dark-color-scheme-solid-warning-background: #7e5406;
$badge-dark-color-scheme-solid-warning-border: #7e5406;
$badge-dark-color-scheme-solid-warning-color: white;
$badge-dark-color-scheme-solid-error-background: #b9023a;
$badge-dark-color-scheme-solid-error-border: #b9023a;
$badge-dark-color-scheme-solid-error-color: white;
$badge-dark-color-scheme-solid-transparent-background: transparent;
$badge-dark-color-scheme-solid-transparent-border: #515e69;
$badge-dark-color-scheme-solid-transparent-color: white;
$badge-dark-color-scheme-solid-light-background: #7f8c98;
$badge-dark-color-scheme-solid-light-border: #7f8c98;
$badge-dark-color-scheme-solid-light-color: white;
$badge-dark-color-scheme-solid-second-background: #515e69;
$badge-dark-color-scheme-solid-second-border: #515e69;
$badge-dark-color-scheme-solid-second-color: white;
$badge-size-default-height: 24px;
$badge-size-default-min-width: 10px;
$badge-size-default-padding: 0 8px;
$badge-size-default-border-width: 1px;
$badge-size-default-border-radius: 4px;
$badge-size-mini-height: 16px;
$badge-size-mini-min-width: 10px;
$badge-size-mini-border-width: 1px;
$badge-size-mini-border-radius: 2px;
$badge-size-mini-padding: 0 4px;
$badge-font-default-default: caption;
$badge-font-default-caps: caption-caps;
$badge-font-default-mono: caption-mono;
$badge-font-mini-default: extra-small-text;
$badge-font-mini-caps: extra-small-text-caps;
$badge-font-mini-mono: extra-small-text-mono;
$button-toggle-size-border-size: 1px;
$button-toggle-size-border-radius: 3px;
$button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
$button-light-color-scheme-primary-color: white;
$button-light-color-scheme-primary-border: #0374eb;
$button-light-color-scheme-primary-background: #0374eb;
$button-light-color-scheme-primary-icon: white;
$button-light-color-scheme-primary-states-active-border: #0059b8;
$button-light-color-scheme-primary-states-active-background: #0059b8;
$button-light-color-scheme-primary-transparent-color: #0374eb;
$button-light-color-scheme-primary-transparent-icon: #0374eb;
$button-light-color-scheme-primary-transparent-states-hover-color: #0059b8;
$button-light-color-scheme-primary-transparent-states-hover-icon: #0059b8;
$button-light-color-scheme-primary-transparent-states-active-color: #014b9d;
$button-light-color-scheme-primary-transparent-states-active-icon: #014b9d;
$button-light-color-scheme-second-border: #d7dee4;
$button-light-color-scheme-second-background: #d7dee4;
$button-light-color-scheme-second-color: #19252f;
$button-light-color-scheme-second-icon: #8c99a5;
$button-light-color-scheme-second-states-active-border: #bdc7d1;
$button-light-color-scheme-second-states-active-background: #bdc7d1;
$button-light-color-scheme-error-border: #d7dee4;
$button-light-color-scheme-error-background: #d7dee4;
$button-light-color-scheme-error-color: #ea5868;
$button-light-color-scheme-error-icon: #ea5868;
$button-light-color-scheme-error-states-active-border: #bdc7d1;
$button-light-color-scheme-error-states-active-background: #bdc7d1;
$button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
$button-dark-color-scheme-primary-color: white;
$button-dark-color-scheme-primary-border: #0059b8;
$button-dark-color-scheme-primary-background: #0059b8;
$button-dark-color-scheme-primary-icon: white;
$button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
$button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
$button-dark-color-scheme-primary-transparent-color: #0374eb;
$button-dark-color-scheme-primary-transparent-icon: #0374eb;
$button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
$button-dark-color-scheme-primary-transparent-states-hover-icon: #014b9d;
$button-dark-color-scheme-primary-transparent-states-active-color: #023c7f;
$button-dark-color-scheme-primary-transparent-states-active-icon: #023c7f;
$button-dark-color-scheme-second-border: #515e69;
$button-dark-color-scheme-second-background: #515e69;
$button-dark-color-scheme-second-color: #f2f5f9;
$button-dark-color-scheme-second-icon: #8c99a5;
$button-dark-color-scheme-second-states-active-border: #333f4a;
$button-dark-color-scheme-second-states-active-background: #333f4a;
$button-dark-color-scheme-error-border: #515e69;
$button-dark-color-scheme-error-background: #515e69;
$button-dark-color-scheme-error-color: #ea5868;
$button-dark-color-scheme-error-icon: #ea5868;
$button-dark-color-scheme-error-states-active-border: #333f4a;
$button-dark-color-scheme-error-states-active-background: #333f4a;
$button-size-border-width: 1px;
$button-size-border-radius: 3px;
$button-size-vertical-padding: 6px;
$button-size-horizontal-padding: 16px;
$button-font-default: body;
$button-font-primary: body-strong;
$button-font-primary-transparent: body;
$icon-button-size-vertical-padding: 6px;
$icon-button-size-horizontal-padding: 8px;
$icon-button-size-icon-horizontal-padding: 16px;
$card-light-color-scheme-error-vertical-line: #fbd6d6;
$card-light-color-scheme-error-background: #fff3f3;
$card-light-color-scheme-error-shadow: #fbd6d6;
$card-light-color-scheme-warning-vertical-line: #fcdda6;
$card-light-color-scheme-warning-background: #fff4dd;
$card-light-color-scheme-warning-shadow: #fcdda6;
$card-light-color-scheme-success-vertical-line: #b6ebc3;
$card-light-color-scheme-success-background: #ecf9ef;
$card-light-color-scheme-success-shadow: #b6ebc3;
$card-light-color-scheme-info-vertical-line: #afe6f9;
$card-light-color-scheme-info-background: #ebf8fd;
$card-light-color-scheme-info-shadow: #afe6f9;
$card-dark-color-scheme-error-vertical-line: #800025;
$card-dark-color-scheme-error-background: #500013;
$card-dark-color-scheme-error-shadow: #800025;
$card-dark-color-scheme-warning-vertical-line: #543803;
$card-dark-color-scheme-warning-background: #3e3015;
$card-dark-color-scheme-warning-shadow: #543803;
$card-dark-color-scheme-success-vertical-line: #004823;
$card-dark-color-scheme-success-background: #103920;
$card-dark-color-scheme-success-shadow: #004823;
$card-dark-color-scheme-info-vertical-line: #084453;
$card-dark-color-scheme-info-background: #143641;
$card-dark-color-scheme-info-shadow: #084453;
$card-size-vertical-line: 4px;
$checkbox-light-color-scheme-border: #bdc7d1;
$checkbox-light-color-scheme-states-checked-border: #0374eb;
$checkbox-light-color-scheme-states-checked-background: #0374eb;
$checkbox-light-color-scheme-states-focused-border: #0374eb;
$checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #0374eb;
$checkbox-dark-color-scheme-border: #515e69;
$checkbox-dark-color-scheme-states-checked-border: #0059b8;
$checkbox-dark-color-scheme-states-checked-background: #0059b8;
$checkbox-dark-color-scheme-states-focused-border: #4187ff;
$checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #4187ff;
$checkbox-size-width: 16px;
$checkbox-size-label-margin: 8px;
$checkbox-size-border-width: 1px;
$checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
$checkbox-font-default: body;
$datepicker-toggle-size-width: 30px;
$datepicker-toggle-size-height: 30px;
$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
$datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
$datepicker-body-dark-color-scheme-states-selected-background: #014b9d;
$datepicker-body-size-label-paddings: 8px 28px 12px 12px;
$datepicker-body-size-cell-min-size: 32px;
$datepicker-body-size-cell-margin: 5%;
$datepicker-body-size-cell-padding: 8px;
$datepicker-body-size-cell-border-width: 1px;
$datepicker-body-font-label: body-strong;
$datepicker-body-font-today: body-strong;
$datepicker-calendar-size-padding-top: 16px;
$datepicker-calendar-size-padding-horizontal: 8px;
$datepicker-calendar-size-padding-bottom: 8px;
$datepicker-calendar-size-padding-blocks: 12px;
$datepicker-calendar-size-divider-width: 1px;
$datepicker-calendar-size-icon-border-width: 2px;
$datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
$datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg);
$datepicker-calendar-font-default: body;
$datepicker-calendar-font-header: caption;
$datepicker-input-size-width: 130px;
$divider-size-width: 1px;
$divider-size-inset-margin: 80px;
$description-list-light-color-scheme-dt: #6d7a86;
$description-list-light-color-scheme-dd: #19252f;
$description-list-dark-color-scheme-dt: #8c99a5;
$description-list-dark-color-scheme-dd: #f2f5f9;
$description-list-size-grid-template-columns: repeat(4, 1fr);
$description-list-size-dt-grid-column: 1;
$description-list-size-dd-grid-column: 2 / span 3;
$description-list-size-horizontal-column-gap: 16px;
$description-list-size-horizontal-row-gap: 12px;
$description-list-size-vertical-column-gap: 0;
$description-list-size-vertical-row-gap: 2px;
$description-list-size-vertical-dd-margin-bottom: 16px;
$description-list-font-horizontal-dt: body;
$description-list-font-horizontal-dd: body;
$description-list-font-vertical-dt: caption;
$description-list-font-vertical-dd: body;
$dropdown-item-size-padding: 5px 15px;
$dropdown-item-size-icon-padding: 0 8px 2px 0;
$dropdown-item-font-default: body;
$dropdown-item-font-caption: caption;
$dropdown-group-header-size-default-padding: 6px 15px;
$dropdown-group-header-size-small-padding: 8px 15px;
$dropdown-group-header-font-default: body-strong;
$dropdown-group-header-font-small: caption-caps;
$dropdown-divider-size-height: 1px;
$dropdown-divider-size-margin: 4px 0;
$dropdown-trigger-size-icon-padding-right: 8px;
$dropdown-panel-size-max-width: 640px;
$dropdown-panel-size-padding: 4px 0;
$dropdown-panel-size-border-width: 1px;
$dropdown-panel-size-border-radius: 3px;
$form-field-light-color-scheme-border: #bdc7d1;
$form-field-light-color-scheme-background: white;
$form-field-light-color-scheme-states-hover-border: #bdc7d1;
$form-field-light-color-scheme-states-invalid-border: #db3c55;
$form-field-light-color-scheme-states-invalid-background: transparent;
$form-field-dark-color-scheme-border: #515e69;
$form-field-dark-color-scheme-background: transparent;
$form-field-dark-color-scheme-states-hover-border: #515e69;
$form-field-dark-color-scheme-states-invalid-border: #b9023a;
$form-field-dark-color-scheme-states-invalid-background: transparent;
$form-field-size-border-width: 1px;
$form-field-size-border-radius: 3px;
$form-field-size-button-width: 32px;
$form-field-font-default: body;
$form-field-hint-size-margin-top: 4px;
$form-field-hint-font-default: caption;
$form-field-password-hint-light-color-scheme-text-color: #19252f;
$form-field-password-hint-light-color-scheme-icon-color: #19252f;
$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
$form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
$form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
$form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
$form-field-password-hint-size-margin-top: 8px;
$form-field-password-hint-size-icon-margin: 4px;
$form-field-password-hint-font-default: caption;
$forms-light-color-scheme-label: #6d7a86;
$forms-light-color-scheme-legend: #19252f;
$forms-dark-color-scheme-label: #8c99a5;
$forms-dark-color-scheme-legend: #f2f5f9;
$forms-size-horizontal-row-margin-bottom: 20px;
$forms-size-horizontal-label-padding-top: 6px;
$forms-size-horizontal-label-padding-bottom: 0;
$forms-size-horizontal-control-padding-left: 16px;
$forms-size-horizontal-legend-margin-top: 32px;
$forms-size-horizontal-legend-margin-bottom: 16px;
$forms-size-vertical-row-margin-bottom: 16px;
$forms-size-vertical-label-padding-top: 0;
$forms-size-vertical-label-padding-bottom: 4px;
$forms-size-vertical-control-padding-left: 24px;
$forms-size-vertical-legend-margin-top: 32px;
$forms-size-vertical-legend-margin-bottom: 12px;
$forms-font-default-label: body;
$forms-font-default-legend: subheading;
$input-size-padding: 5px 16px;
$input-size-width: 100%;
$input-size-min-height: 30px;
$input-font-default: body;
$input-font-monospace: body-mono;
$link-light-color-scheme-text: #0374eb;
$link-light-color-scheme-border-bottom: rgba(#0374eb, 0.32);
$link-light-color-scheme-state-visited-text: #864775;
$link-light-color-scheme-state-visited-border-bottom: rgba(#864775, 0.32);
$link-light-color-scheme-state-hover-text: #0059b8;
$link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
$link-light-color-scheme-state-active: #014b9d;
$link-light-color-scheme-state-focused-outline: #0374eb;
$link-dark-color-scheme-text: #4187ff;
$link-dark-color-scheme-border-bottom: rgba(#4187ff, 0.32);
$link-dark-color-scheme-state-visited-text: #bb78a7;
$link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
$link-dark-color-scheme-state-hover-text: #0374eb;
$link-dark-color-scheme-state-hover-border-bottom: rgba(#0374eb, 0.32);
$link-dark-color-scheme-state-active: #0059b8;
$link-dark-color-scheme-state-focused-outline: #4187ff;
$link-size-icon-margin: 4px;
$link-size-state-focused-outline-offset: 2px;
$link-size-state-focused-outline-width: 2px;
$link-animation-transition: color ease-out 300ms;
$link-animation-state-hover-transition: color 0ms;
$link-font-default: body;
$list-size-horizontal-padding: 16px;
$list-size-icon-padding: 4px;
$list-size-item-height: 32px;
$list-size-icon-width: 24px;
$list-font-item: body;
$modal-light-color-scheme-shadow: (0 0 0 1px #d7dee4, 0 6px 12px 0 rgba(39, 51, 62, 0.5));
$modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.16);
$modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(39, 51, 62, 0.16);
$modal-light-color-scheme-background-mask: rgba(39, 51, 62, 0.5);
$modal-dark-color-scheme-shadow: (0 0 0 1px #19252f, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
$modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
$modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16);
$modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5);
$modal-size-small: 400px;
$modal-size-normal: 640px;
$modal-size-large: 960px;
$modal-size-top: 48px;
$modal-size-close-width: 56px;
$modal-size-border-radius: 4px;
$modal-size-border-width: 1px;
$modal-header-light-color-scheme-border: #d7dee4;
$modal-header-dark-color-scheme-border: #333f4a;
$modal-header-size-border-radius: 4px 4px 0 0;
$modal-header-size-padding: 14px 16px;
$modal-header-font-default: title;
$modal-body-size-max-height: calc(100vh - 260px);
$modal-body-size-padding: 16px 24px 24px;
$modal-body-font-default: body;
$modal-footer-light-color-scheme-border: #f2f5f9;
$modal-footer-dark-color-scheme-border: #333f4a;
$modal-footer-size-border-radius: 0 0 4px 4px;
$modal-footer-size-padding: 16px 16px;
$modal-confirm-size-padding: 24px;
$navbar-light-color-scheme-background: #19252f;
$navbar-light-color-scheme-divider-background: #515e69;
$navbar-dark-color-scheme-background: #333f4a;
$navbar-dark-color-scheme-divider-background: #515e69;
$navbar-size-icon-margin: 6px;
$navbar-font-title: body;
$vertical-navbar-size-states-expanded-width: 240px;
$vertical-navbar-size-states-collapsed-width: 56px;
$vertical-navbar-size-icon-margin: 16px;
$navbar-item-light-color-scheme-text: #f2f5f9;
$navbar-item-light-color-scheme-icon: #bdc7d1;
$navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1);
$navbar-item-light-color-scheme-states-selected: #333f4a;
$navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
$navbar-item-light-color-scheme-states-progress: #333f4a;
$navbar-item-light-color-scheme-states-disabled-opacity: 0.3;
$navbar-item-dark-color-scheme-text: #f2f5f9;
$navbar-item-dark-color-scheme-icon: #bdc7d1;
$navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1);
$navbar-item-dark-color-scheme-states-selected: #434f5a;
$navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
$navbar-item-dark-color-scheme-states-progress: #333f4a;
$navbar-item-dark-color-scheme-states-disabled-opacity: 0.3;
$navbar-item-size-padding: 16px;
$navbar-item-size-height: 48px;
$navbar-item-size-height-vertical: 56px;
$navbar-brand-size-padding: 12px;
$navbar-brand-size-margin-right: 24px;
$navbar-brand-font-title: title;
$optgroup-size-padding-left: 17px;
$optgroup-font-default: subheading;
$option-size-horizontal-padding: 16px;
$option-size-height: 32px;
$option-size-border-width: 2px;
$option-font-default: body;
$popover-light-color-scheme-background: white;
$popover-light-color-scheme-text: #19252f;
$popover-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
$popover-light-color-scheme-border: #d7dee4;
$popover-dark-color-scheme-background: #333f4a;
$popover-dark-color-scheme-text: #f2f5f9;
$popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
$popover-dark-color-scheme-border: #333f4a;
$popover-size-max-height: 480px;
$popover-size-padding: 16px;
$popover-size-border-radius: 3px;
$popover-size-arrow-size: 12px;
$popover-size-trigger-margin: 9px;
$popover-size-small-width: 200px;
$popover-size-normal-width: 400px;
$popover-size-large-width: 640px;
$popover-font-default: body;
$popover-header-light-color-scheme-border: #d7dee4;
$popover-header-light-color-scheme-text: #19252f;
$popover-header-light-color-scheme-background: white;
$popover-header-dark-color-scheme-border: #434f5a;
$popover-header-dark-color-scheme-text: #f2f5f9;
$popover-header-dark-color-scheme-background: #333f4a;
$popover-header-size-height: 10px 16px;
$popover-header-size-padding: 10px 16px;
$popover-header-font-default: subheading;
$popover-footer-light-color-scheme-border: #f2f5f9;
$popover-footer-light-color-scheme-background: #f2f5f9;
$popover-footer-dark-color-scheme-border: #434f5a;
$popover-footer-dark-color-scheme-background: #333f4a;
$popover-footer-size-margin-top: 8px;
$popover-footer-size-padding: 12px 16px;
$popover-footer-size-height: 56px;
$popover-footer-font-default: body;
$popup-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
$popup-light-color-scheme-border: #d7dee4;
$popup-light-color-scheme-divider: #d7dee4;
$popup-light-color-scheme-background: white;
$popup-light-color-scheme-footer-background: #f2f5f9;
$popup-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
$popup-dark-color-scheme-border: #333f4a;
$popup-dark-color-scheme-divider: #434f5a;
$popup-dark-color-scheme-background: #333f4a;
$popup-dark-color-scheme-footer-background: transparent;
$progress-bar-light-color-scheme-background: rgba(25, 37, 47, 0.06);
$progress-bar-dark-color-scheme-background: rgba(white,0.06);
$progress-bar-size-height: 4px;
$progress-spinner-size-size: 16px;
$radio-light-color-scheme-outer-circle-border: #bdc7d1;
$radio-light-color-scheme-inner-circle-border: transparent;
$radio-light-color-scheme-states-checked-outer-circle-border: #0374eb;
$radio-light-color-scheme-states-checked-inner-circle-border: #0374eb;
$radio-light-color-scheme-states-focused-outer-circle-border: #0374eb;
$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #0374eb;
$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white;
$radio-dark-color-scheme-outer-circle-border: #515e69;
$radio-dark-color-scheme-inner-circle-border: transparent;
$radio-dark-color-scheme-states-checked-outer-circle-border: #0059b8;
$radio-dark-color-scheme-states-checked-inner-circle-border: #0059b8;
$radio-dark-color-scheme-states-focused-outer-circle-border: #4187ff;
$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #4187ff;
$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #19252f;
$radio-size-size: 14px;
$radio-size-label-margin: 8px;
$radio-font-default: body;
$select-size-height: 30px;
$select-size-left-padding: 16px;
$select-size-right-padding: 8px;
$select-size-left-padding-multiple: 8px;
$select-font-default: body;
$select-panel-size-max-height: 232px;
$select-panel-size-max-width: 640px;
$select-panel-size-vertical-padding: 4px;
$select-panel-size-border-width: 1px;
$select-panel-size-border-radius: 3px;
$select-panel-font-default: body;
$sidepanel-light-color-scheme-border: #bdc7d1;
$sidepanel-dark-color-scheme-border: #19252f;
$sidepanel-font-default: body;
$sidepanel-header-size-padding: 14px 16px;
$sidepanel-header-size-close-padding: 0 0 0 8px;
$sidepanel-header-font-default: title;
$sidepanel-footer-size-padding: 16px;
$sidepanel-footer-font-default: body;
$table-size-border-width: 1px;
$table-size-row-padding-vertical: 8px;
$table-size-row-padding-horizontal: 16px;
$table-font-header: caption;
$table-font-body: body;
$tabs-light-color-scheme-border: #d7dee4;
$tabs-light-color-scheme-state-normal-icon: #8c99a5;
$tabs-light-color-scheme-state-normal-text: #19252f;
$tabs-light-color-scheme-state-hover-icon: #19252f;
$tabs-light-color-scheme-state-hover-text: #19252f;
$tabs-light-color-scheme-state-active-marker-color: #0374eb;
$tabs-light-color-scheme-state-empty-icon: #8c99a5;
$tabs-light-color-scheme-state-empty-text: #8c99a5;
$tabs-light-color-scheme-state-disabled-icon: #8c99a5;
$tabs-light-color-scheme-state-disabled-text: #8c99a5;
$tabs-light-color-scheme-state-disabled-marker-opacity: 0.3;
$tabs-dark-color-scheme-border: #333f4a;
$tabs-dark-color-scheme-state-normal-icon: #8c99a5;
$tabs-dark-color-scheme-state-normal-text: #f2f5f9;
$tabs-dark-color-scheme-state-hover-icon: #f2f5f9;
$tabs-dark-color-scheme-state-hover-text: #f2f5f9;
$tabs-dark-color-scheme-state-active-marker-color: #0059b8;
$tabs-dark-color-scheme-state-empty-icon: #6d7a86;
$tabs-dark-color-scheme-state-empty-text: #6d7a86;
$tabs-dark-color-scheme-state-disabled-icon: #6d7a86;
$tabs-dark-color-scheme-state-disabled-text: #6d7a86;
$tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3;
$tabs-size-height: 40px;
$tabs-size-highlight-height: 4px;
$tabs-size-padding-horizontal: 16px;
$tabs-size-border-width: 1px;
$tabs-size-border-radius: 3px;
$tabs-size-label-icon-margin: 8px;
$tabs-font-default: body;
$vertical-tabs-light-color-scheme-state-normal-background: transparent;
$vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
$vertical-tabs-dark-color-scheme-state-normal-background: transparent;
$vertical-tabs-dark-color-scheme-state-selected-background: #014b9d;
$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#014b9d, $lightness:-1%);
$tags-light-color-scheme-primary-background: #e7f1ff;
$tags-light-color-scheme-primary-border: #e7f1ff;
$tags-light-color-scheme-primary-text: #0374eb;
$tags-light-color-scheme-primary-icon: mix(#5697ff, rgba(black, 0.05));
$tags-light-color-scheme-primary-states-hover-icon: #0059b8;
$tags-light-color-scheme-primary-states-focused: #0374eb;
$tags-light-color-scheme-primary-states-disabled-text: mix(#0374eb, transparent, 50%);
$tags-light-color-scheme-primary-states-disabled-background: mix(#0374eb, transparent, 10%);
$tags-light-color-scheme-second-background: #d7dee4;
$tags-light-color-scheme-second-border: #d7dee4;
$tags-light-color-scheme-second-text: #19252f;
$tags-light-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
$tags-light-color-scheme-second-states-hover-icon: #515e69;
$tags-light-color-scheme-second-states-focused: #0374eb;
$tags-light-color-scheme-second-states-disabled-text: mix(#8c99a5, transparent, 50%);
$tags-light-color-scheme-second-states-disabled-background: mix(#8c99a5, transparent, 10%);
$tags-light-color-scheme-error-background: #ffeaea;
$tags-light-color-scheme-error-border: #ffeaea;
$tags-light-color-scheme-error-text: #db3c55;
$tags-light-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
$tags-light-color-scheme-error-states-hover-icon: #db3c55;
$tags-light-color-scheme-error-states-focused: #db3c55;
$tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
$tags-light-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
$tags-dark-color-scheme-primary-background: #023c7f;
$tags-dark-color-scheme-primary-border: #023c7f;
$tags-dark-color-scheme-primary-text: #a2c7fe;
$tags-dark-color-scheme-primary-icon: mix(#a2c7fe, rgba(black, 0.05));
$tags-dark-color-scheme-primary-states-hover-icon: #0374eb;
$tags-dark-color-scheme-primary-states-focused: #4187ff;
$tags-dark-color-scheme-primary-states-disabled-text: mix(#5697ff, transparent, 50%);
$tags-dark-color-scheme-primary-states-disabled-background: mix(#5697ff, transparent, 10%);
$tags-dark-color-scheme-second-background: #333f4a;
$tags-dark-color-scheme-second-border: #333f4a;
$tags-dark-color-scheme-second-text: #bdc7d1;
$tags-dark-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
$tags-dark-color-scheme-second-states-hover-icon: #d7dee4;
$tags-dark-color-scheme-second-states-focused: #4187ff;
$tags-dark-color-scheme-second-states-disabled-text: mix(#7f8c98, transparent, 50%);
$tags-dark-color-scheme-second-states-disabled-background: mix(#7f8c98, transparent, 10%);
$tags-dark-color-scheme-error-background: #800025;
$tags-dark-color-scheme-error-border: #800025;
$tags-dark-color-scheme-error-text: #fcb2b4;
$tags-dark-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
$tags-dark-color-scheme-error-states-hover-icon: #ee6f79;
$tags-dark-color-scheme-error-states-focused: #b9023a;
$tags-dark-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
$tags-dark-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
$tags-size-margin: 2px;
$tags-size-height: 24px;
$tags-size-border-width: 1px;
$tags-size-border-radius: 4px;
$tags-size-icon-padding: 3px;
$tags-size-text-margin: 8px;
$tags-font-default: caption;
$tags-font-mono: caption-mono;
$tags-font-caps: caption-caps;
$tag-list-size-padding: 1px 6px;
$tag-list-size-min-height: 30px;
$tag-input-size-height: 22px;
$tag-input-size-margin: 2px 4px;
$tag-input-font-default: body;
$textarea-size-min-height: 50px;
$textarea-size-padding: 5px 16px;
$textarea-font-default: body;
$textarea-font-mono: body-mono;
$timepicker-size-padding-right: 16px;
$toggle-light-color-scheme-border: #bdc7d1;
$toggle-light-color-scheme-background: white;
$toggle-light-color-scheme-circle-border: #bdc7d1;
$toggle-light-color-scheme-circle-background: #d7dee4;
$toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #0374eb;
$toggle-light-color-scheme-primary-checked-border-color: #0374eb;
$toggle-light-color-scheme-primary-checked-background: #0374eb;
$toggle-light-color-scheme-error-checked-border-color: #db3c55;
$toggle-light-color-scheme-error-checked-background: #db3c55;
$toggle-dark-color-scheme-border: #515e69;
$toggle-dark-color-scheme-background: #19252f;
$toggle-dark-color-scheme-circle-border: #515e69;
$toggle-dark-color-scheme-circle-background: #6d7a86;
$toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #19252f, 0 0 0 2px #4187ff;
$toggle-dark-color-scheme-primary-checked-border-color: #0059b8;
$toggle-dark-color-scheme-primary-checked-background: #0059b8;
$toggle-dark-color-scheme-error-checked-border-color: #b9023a;
$toggle-dark-color-scheme-error-checked-background: #b9023a;
$toggle-size-height: 16px;
$toggle-size-width: 28px;
$toggle-size-border-radius: 9px;
$toggle-size-label-margin: 8px;
$toggle-font-default: body;
$toggle-small-size-height: 14px;
$toggle-small-size-width: 24px;
$toggle-small-size-border-radius: 8px;
$toggle-small-font-default: caption;
$tooltip-light-color-scheme-background: #333f4a;
$tooltip-light-color-scheme-text: #f2f5f9;
$tooltip-light-color-scheme-border: transparent;
$tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
$tooltip-light-color-scheme-warning-background: #fff4dd;
$tooltip-light-color-scheme-warning-text: #19252f;
$tooltip-light-color-scheme-warning-border: #fcdda6;
$tooltip-dark-color-scheme-background: white;
$tooltip-dark-color-scheme-text: #19252f;
$tooltip-dark-color-scheme-border: transparent;
$tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
$tooltip-dark-color-scheme-warning-background: #7e5406;
$tooltip-dark-color-scheme-warning-text: #f2f5f9;
$tooltip-dark-color-scheme-warning-border: #7e5406;
$tooltip-size-max-width: 300px;
$tooltip-size-border-width: 1px;
$tooltip-size-border-radius: 3px;
$tooltip-size-padding: 8px 16px;
$tooltip-size-arrow-size: 12px;
$tooltip-size-trigger-margin: 9px;
$tooltip-font-default: caption;
$extended-tooltip-light-color-scheme-background: white;
$extended-tooltip-light-color-scheme-text: #19252f;
$extended-tooltip-light-color-scheme-border: #d7dee4;
$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
$extended-tooltip-dark-color-scheme-background: #333f4a;
$extended-tooltip-dark-color-scheme-text: #f2f5f9;
$extended-tooltip-dark-color-scheme-border: #333f4a;
$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
$extended-tooltip-size-border-radius: 3px;
$extended-tooltip-size-arrow-size: 12px;
$extended-tooltip-size-trigger-margin: 9px;
$extended-tooltip-size-padding: 8px 16px;
$extended-tooltip-size-max-height: 480px;
$extended-tooltip-font-default: caption;
$extended-tooltip-header-light-color-scheme-border: #d7dee4;
$extended-tooltip-header-light-color-scheme-text: #19252f;
$extended-tooltip-header-light-color-scheme-background: white;
$extended-tooltip-header-dark-color-scheme-border: #434f5a;
$extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
$extended-tooltip-header-dark-color-scheme-background: #333f4a;
$extended-tooltip-header-size-height: 40px;
$extended-tooltip-header-size-padding: 10px 16px;
$extended-tooltip-header-font-default: subheading;
$tree-size-node-height: 32px;
$tree-size-padding-left: 8px;
$tree-size-padding-right: 16px;
$tree-font-node: body;
$light-color-scheme-primary-palette: (
40: #eff6ff,
60: #e7f1ff,
100: #c8dfff,
200: #a2c7fe,
300: #5697ff,
400: #4187ff,
500: #0374eb,
560: #0059b8,
600: #014b9d,
700: #023c7f,
800: #193060,
900: #00224f,
A100: rgba(3, 116, 235, 0.15),
A200: rgba(3, 116, 235, 0.3),
contrast: (
40: #4D4D4D,
60: #4D4D4D,
100: #4D4D4D,
200: #4D4D4D,
300: #4D4D4D,
400: white,
500: white,
560: white,
600: white,
700: white,
800: white,
A100: #4D4D4D,
A200: white,
)
);
$light-color-scheme-second-palette: (
40: #f2f5f9,
60: #ebeef2,
100: #d7dee4,
200: #bdc7d1,
300: #8c99a5,
400: #7f8c98,
500: #6d7a86,
560: #515e69,
600: #434f5a,