@design-factory/tokens 21.0.0-next.0

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.
@@ -0,0 +1,4702 @@
1
+ {
2
+ "df": {
3
+ "color": {
4
+ "primary": {
5
+ "main": {
6
+ "default": {
7
+ "background": {
8
+ "$type": "color",
9
+ "$value": "{df.theme.primary.50}"
10
+ },
11
+ "foreground": {
12
+ "$type": "color",
13
+ "$value": "{df.theme.neutral.100}"
14
+ },
15
+ "border": {
16
+ "$type": "color",
17
+ "$value": "{df.theme.primary.50}"
18
+ }
19
+ },
20
+ "hovered": {
21
+ "background": {
22
+ "$type": "color",
23
+ "$value": "{df.theme.primary.30}"
24
+ },
25
+ "foreground": {
26
+ "$type": "color",
27
+ "$value": "{df.theme.neutral.100}"
28
+ },
29
+ "border": {
30
+ "$type": "color",
31
+ "$value": "{df.theme.primary.30}"
32
+ }
33
+ },
34
+ "active": {
35
+ "background": {
36
+ "$type": "color",
37
+ "$value": "{df.theme.primary.20}"
38
+ },
39
+ "foreground": {
40
+ "$type": "color",
41
+ "$value": "{df.theme.neutral.100}"
42
+ },
43
+ "border": {
44
+ "$type": "color",
45
+ "$value": "{df.theme.primary.20}"
46
+ }
47
+ },
48
+ "pressed": {
49
+ "background": {
50
+ "$type": "color",
51
+ "$value": "{df.theme.primary.20}"
52
+ },
53
+ "foreground": {
54
+ "$type": "color",
55
+ "$value": "{df.theme.neutral.100}"
56
+ },
57
+ "border": {
58
+ "$type": "color",
59
+ "$value": "{df.theme.primary.20}"
60
+ }
61
+ },
62
+ "activeHovered": {
63
+ "background": {
64
+ "$type": "color",
65
+ "$value": "{df.theme.primary.30}"
66
+ },
67
+ "foreground": {
68
+ "$type": "color",
69
+ "$value": "{df.theme.neutral.100}"
70
+ },
71
+ "border": {
72
+ "$type": "color",
73
+ "$value": "{df.theme.primary.30}"
74
+ }
75
+ },
76
+ "activePressed": {
77
+ "background": {
78
+ "$type": "color",
79
+ "$value": "{df.theme.primary.20}"
80
+ },
81
+ "foreground": {
82
+ "$type": "color",
83
+ "$value": "{df.theme.neutral.100}"
84
+ },
85
+ "border": {
86
+ "$type": "color",
87
+ "$value": "{df.theme.primary.20}"
88
+ }
89
+ }
90
+ },
91
+ "alt": {
92
+ "default": {
93
+ "background": {
94
+ "$type": "color",
95
+ "$value": "{df.theme.neutral.100}"
96
+ },
97
+ "foreground": {
98
+ "$type": "color",
99
+ "$value": "{df.theme.primary.50}"
100
+ },
101
+ "border": {
102
+ "$type": "color",
103
+ "$value": "{df.theme.primary.50}"
104
+ }
105
+ },
106
+ "hovered": {
107
+ "background": {
108
+ "$type": "color",
109
+ "$value": "{df.theme.primary.90}"
110
+ },
111
+ "foreground": {
112
+ "$type": "color",
113
+ "$value": "{df.theme.primary.30}"
114
+ },
115
+ "border": {
116
+ "$type": "color",
117
+ "$value": "{df.theme.primary.30}"
118
+ }
119
+ },
120
+ "active": {
121
+ "background": {
122
+ "$type": "color",
123
+ "$value": "{df.theme.primary.80}"
124
+ },
125
+ "foreground": {
126
+ "$type": "color",
127
+ "$value": "{df.theme.primary.20}"
128
+ },
129
+ "border": {
130
+ "$type": "color",
131
+ "$value": "{df.theme.primary.20}"
132
+ }
133
+ },
134
+ "pressed": {
135
+ "background": {
136
+ "$type": "color",
137
+ "$value": "{df.theme.primary.80}"
138
+ },
139
+ "foreground": {
140
+ "$type": "color",
141
+ "$value": "{df.theme.primary.20}"
142
+ },
143
+ "border": {
144
+ "$type": "color",
145
+ "$value": "{df.theme.primary.20}"
146
+ }
147
+ },
148
+ "activeHovered": {
149
+ "background": {
150
+ "$type": "color",
151
+ "$value": "{df.theme.primary.90}"
152
+ },
153
+ "foreground": {
154
+ "$type": "color",
155
+ "$value": "{df.theme.primary.30}"
156
+ },
157
+ "border": {
158
+ "$type": "color",
159
+ "$value": "{df.theme.primary.30}"
160
+ }
161
+ },
162
+ "activePressed": {
163
+ "background": {
164
+ "$type": "color",
165
+ "$value": "{df.theme.primary.80}"
166
+ },
167
+ "foreground": {
168
+ "$type": "color",
169
+ "$value": "{df.theme.primary.20}"
170
+ },
171
+ "border": {
172
+ "$type": "color",
173
+ "$value": "{df.theme.primary.20}"
174
+ }
175
+ }
176
+ },
177
+ "soft": {
178
+ "default": {
179
+ "background": {
180
+ "$type": "color",
181
+ "$value": "{df.theme.primary.90}"
182
+ },
183
+ "foreground": {
184
+ "$type": "color",
185
+ "$value": "{df.theme.primary.20}"
186
+ }
187
+ },
188
+ "hovered": {
189
+ "background": {
190
+ "$type": "color",
191
+ "$value": "{df.theme.primary.80}"
192
+ },
193
+ "foreground": {
194
+ "$type": "color",
195
+ "$value": "{df.theme.primary.20}"
196
+ }
197
+ },
198
+ "active": {
199
+ "background": {
200
+ "$type": "color",
201
+ "$value": "{df.theme.primary.70}"
202
+ },
203
+ "foreground": {
204
+ "$type": "color",
205
+ "$value": "{df.theme.primary.20}"
206
+ }
207
+ },
208
+ "pressed": {
209
+ "background": {
210
+ "$type": "color",
211
+ "$value": "{df.theme.primary.70}"
212
+ },
213
+ "foreground": {
214
+ "$type": "color",
215
+ "$value": "{df.theme.primary.20}"
216
+ }
217
+ },
218
+ "activeHovered": {
219
+ "background": {
220
+ "$type": "color",
221
+ "$value": "{df.theme.primary.80}"
222
+ },
223
+ "foreground": {
224
+ "$type": "color",
225
+ "$value": "{df.theme.primary.20}"
226
+ }
227
+ },
228
+ "activePressed": {
229
+ "background": {
230
+ "$type": "color",
231
+ "$value": "{df.theme.primary.70}"
232
+ },
233
+ "foreground": {
234
+ "$type": "color",
235
+ "$value": "{df.theme.primary.20}"
236
+ }
237
+ }
238
+ },
239
+ "subtle": {
240
+ "background": {
241
+ "$type": "color",
242
+ "$value": "{df.theme.primary.100}"
243
+ }
244
+ },
245
+ "intense": {
246
+ "background": {
247
+ "$type": "color",
248
+ "$value": "{df.theme.primary.10}"
249
+ }
250
+ }
251
+ },
252
+ "danger": {
253
+ "main": {
254
+ "default": {
255
+ "background": {
256
+ "$type": "color",
257
+ "$value": "{df.theme.danger.50}"
258
+ },
259
+ "foreground": {
260
+ "$type": "color",
261
+ "$value": "{df.theme.neutral.100}"
262
+ },
263
+ "border": {
264
+ "$type": "color",
265
+ "$value": "{df.theme.danger.50}"
266
+ }
267
+ },
268
+ "hovered": {
269
+ "background": {
270
+ "$type": "color",
271
+ "$value": "{df.theme.danger.30}"
272
+ },
273
+ "foreground": {
274
+ "$type": "color",
275
+ "$value": "{df.theme.neutral.100}"
276
+ },
277
+ "border": {
278
+ "$type": "color",
279
+ "$value": "{df.theme.danger.30}"
280
+ }
281
+ },
282
+ "active": {
283
+ "background": {
284
+ "$type": "color",
285
+ "$value": "{df.theme.danger.20}"
286
+ },
287
+ "foreground": {
288
+ "$type": "color",
289
+ "$value": "{df.theme.neutral.100}"
290
+ },
291
+ "border": {
292
+ "$type": "color",
293
+ "$value": "{df.theme.danger.20}"
294
+ }
295
+ },
296
+ "pressed": {
297
+ "background": {
298
+ "$type": "color",
299
+ "$value": "{df.theme.danger.20}"
300
+ },
301
+ "foreground": {
302
+ "$type": "color",
303
+ "$value": "{df.theme.neutral.100}"
304
+ },
305
+ "border": {
306
+ "$type": "color",
307
+ "$value": "{df.theme.danger.20}"
308
+ }
309
+ },
310
+ "activeHovered": {
311
+ "background": {
312
+ "$type": "color",
313
+ "$value": "{df.theme.danger.30}"
314
+ },
315
+ "foreground": {
316
+ "$type": "color",
317
+ "$value": "{df.theme.neutral.100}"
318
+ },
319
+ "border": {
320
+ "$type": "color",
321
+ "$value": "{df.theme.danger.30}"
322
+ }
323
+ },
324
+ "activePressed": {
325
+ "background": {
326
+ "$type": "color",
327
+ "$value": "{df.theme.danger.20}"
328
+ },
329
+ "foreground": {
330
+ "$type": "color",
331
+ "$value": "{df.theme.neutral.100}"
332
+ },
333
+ "border": {
334
+ "$type": "color",
335
+ "$value": "{df.theme.danger.20}"
336
+ }
337
+ }
338
+ },
339
+ "alt": {
340
+ "default": {
341
+ "background": {
342
+ "$type": "color",
343
+ "$value": "{df.theme.neutral.100}"
344
+ },
345
+ "foreground": {
346
+ "$type": "color",
347
+ "$value": "{df.theme.danger.50}"
348
+ },
349
+ "border": {
350
+ "$type": "color",
351
+ "$value": "{df.theme.danger.50}"
352
+ }
353
+ },
354
+ "hovered": {
355
+ "background": {
356
+ "$type": "color",
357
+ "$value": "{df.theme.danger.90}"
358
+ },
359
+ "foreground": {
360
+ "$type": "color",
361
+ "$value": "{df.theme.danger.30}"
362
+ },
363
+ "border": {
364
+ "$type": "color",
365
+ "$value": "{df.theme.danger.30}"
366
+ }
367
+ },
368
+ "active": {
369
+ "background": {
370
+ "$type": "color",
371
+ "$value": "{df.theme.danger.80}"
372
+ },
373
+ "foreground": {
374
+ "$type": "color",
375
+ "$value": "{df.theme.danger.20}"
376
+ },
377
+ "border": {
378
+ "$type": "color",
379
+ "$value": "{df.theme.danger.20}"
380
+ }
381
+ },
382
+ "pressed": {
383
+ "background": {
384
+ "$type": "color",
385
+ "$value": "{df.theme.danger.80}"
386
+ },
387
+ "foreground": {
388
+ "$type": "color",
389
+ "$value": "{df.theme.danger.20}"
390
+ },
391
+ "border": {
392
+ "$type": "color",
393
+ "$value": "{df.theme.danger.20}"
394
+ }
395
+ },
396
+ "activeHovered": {
397
+ "background": {
398
+ "$type": "color",
399
+ "$value": "{df.theme.danger.90}"
400
+ },
401
+ "foreground": {
402
+ "$type": "color",
403
+ "$value": "{df.theme.danger.30}"
404
+ },
405
+ "border": {
406
+ "$type": "color",
407
+ "$value": "{df.theme.danger.30}"
408
+ }
409
+ },
410
+ "activePressed": {
411
+ "background": {
412
+ "$type": "color",
413
+ "$value": "{df.theme.danger.80}"
414
+ },
415
+ "foreground": {
416
+ "$type": "color",
417
+ "$value": "{df.theme.danger.20}"
418
+ },
419
+ "border": {
420
+ "$type": "color",
421
+ "$value": "{df.theme.danger.20}"
422
+ }
423
+ }
424
+ },
425
+ "soft": {
426
+ "default": {
427
+ "background": {
428
+ "$type": "color",
429
+ "$value": "{df.theme.danger.90}"
430
+ },
431
+ "foreground": {
432
+ "$type": "color",
433
+ "$value": "{df.theme.danger.20}"
434
+ }
435
+ },
436
+ "hovered": {
437
+ "background": {
438
+ "$type": "color",
439
+ "$value": "{df.theme.danger.80}"
440
+ },
441
+ "foreground": {
442
+ "$type": "color",
443
+ "$value": "{df.theme.danger.20}"
444
+ }
445
+ },
446
+ "active": {
447
+ "background": {
448
+ "$type": "color",
449
+ "$value": "{df.theme.danger.70}"
450
+ },
451
+ "foreground": {
452
+ "$type": "color",
453
+ "$value": "{df.theme.danger.20}"
454
+ }
455
+ },
456
+ "pressed": {
457
+ "background": {
458
+ "$type": "color",
459
+ "$value": "{df.theme.danger.70}"
460
+ },
461
+ "foreground": {
462
+ "$type": "color",
463
+ "$value": "{df.theme.danger.20}"
464
+ }
465
+ },
466
+ "activeHovered": {
467
+ "background": {
468
+ "$type": "color",
469
+ "$value": "{df.theme.danger.80}"
470
+ },
471
+ "foreground": {
472
+ "$type": "color",
473
+ "$value": "{df.theme.danger.20}"
474
+ }
475
+ },
476
+ "activePressed": {
477
+ "background": {
478
+ "$type": "color",
479
+ "$value": "{df.theme.danger.70}"
480
+ },
481
+ "foreground": {
482
+ "$type": "color",
483
+ "$value": "{df.theme.danger.20}"
484
+ }
485
+ }
486
+ },
487
+ "subtle": {
488
+ "background": {
489
+ "$type": "color",
490
+ "$value": "{df.theme.danger.100}"
491
+ }
492
+ },
493
+ "intense": {
494
+ "background": {
495
+ "$type": "color",
496
+ "$value": "{df.theme.danger.10}"
497
+ }
498
+ }
499
+ },
500
+ "success": {
501
+ "main": {
502
+ "default": {
503
+ "background": {
504
+ "$type": "color",
505
+ "$value": "{df.theme.success.50}"
506
+ },
507
+ "foreground": {
508
+ "$type": "color",
509
+ "$value": "{df.theme.neutral.100}"
510
+ },
511
+ "border": {
512
+ "$type": "color",
513
+ "$value": "{df.theme.success.50}"
514
+ }
515
+ },
516
+ "hovered": {
517
+ "background": {
518
+ "$type": "color",
519
+ "$value": "{df.theme.success.30}"
520
+ },
521
+ "foreground": {
522
+ "$type": "color",
523
+ "$value": "{df.theme.neutral.100}"
524
+ },
525
+ "border": {
526
+ "$type": "color",
527
+ "$value": "{df.theme.success.30}"
528
+ }
529
+ },
530
+ "active": {
531
+ "background": {
532
+ "$type": "color",
533
+ "$value": "{df.theme.success.20}"
534
+ },
535
+ "foreground": {
536
+ "$type": "color",
537
+ "$value": "{df.theme.neutral.100}"
538
+ },
539
+ "border": {
540
+ "$type": "color",
541
+ "$value": "{df.theme.success.20}"
542
+ }
543
+ },
544
+ "pressed": {
545
+ "background": {
546
+ "$type": "color",
547
+ "$value": "{df.theme.success.20}"
548
+ },
549
+ "foreground": {
550
+ "$type": "color",
551
+ "$value": "{df.theme.neutral.100}"
552
+ },
553
+ "border": {
554
+ "$type": "color",
555
+ "$value": "{df.theme.success.20}"
556
+ }
557
+ },
558
+ "activeHovered": {
559
+ "background": {
560
+ "$type": "color",
561
+ "$value": "{df.theme.success.30}"
562
+ },
563
+ "foreground": {
564
+ "$type": "color",
565
+ "$value": "{df.theme.neutral.100}"
566
+ },
567
+ "border": {
568
+ "$type": "color",
569
+ "$value": "{df.theme.success.30}"
570
+ }
571
+ },
572
+ "activePressed": {
573
+ "background": {
574
+ "$type": "color",
575
+ "$value": "{df.theme.success.20}"
576
+ },
577
+ "foreground": {
578
+ "$type": "color",
579
+ "$value": "{df.theme.neutral.100}"
580
+ },
581
+ "border": {
582
+ "$type": "color",
583
+ "$value": "{df.theme.success.20}"
584
+ }
585
+ }
586
+ },
587
+ "alt": {
588
+ "default": {
589
+ "background": {
590
+ "$type": "color",
591
+ "$value": "{df.theme.neutral.100}"
592
+ },
593
+ "foreground": {
594
+ "$type": "color",
595
+ "$value": "{df.theme.success.50}"
596
+ },
597
+ "border": {
598
+ "$type": "color",
599
+ "$value": "{df.theme.success.50}"
600
+ }
601
+ },
602
+ "hovered": {
603
+ "background": {
604
+ "$type": "color",
605
+ "$value": "{df.theme.success.90}"
606
+ },
607
+ "foreground": {
608
+ "$type": "color",
609
+ "$value": "{df.theme.success.30}"
610
+ },
611
+ "border": {
612
+ "$type": "color",
613
+ "$value": "{df.theme.success.30}"
614
+ }
615
+ },
616
+ "active": {
617
+ "background": {
618
+ "$type": "color",
619
+ "$value": "{df.theme.success.80}"
620
+ },
621
+ "foreground": {
622
+ "$type": "color",
623
+ "$value": "{df.theme.success.20}"
624
+ },
625
+ "border": {
626
+ "$type": "color",
627
+ "$value": "{df.theme.success.20}"
628
+ }
629
+ },
630
+ "pressed": {
631
+ "background": {
632
+ "$type": "color",
633
+ "$value": "{df.theme.success.80}"
634
+ },
635
+ "foreground": {
636
+ "$type": "color",
637
+ "$value": "{df.theme.success.20}"
638
+ },
639
+ "border": {
640
+ "$type": "color",
641
+ "$value": "{df.theme.success.20}"
642
+ }
643
+ },
644
+ "activeHovered": {
645
+ "background": {
646
+ "$type": "color",
647
+ "$value": "{df.theme.success.90}"
648
+ },
649
+ "foreground": {
650
+ "$type": "color",
651
+ "$value": "{df.theme.success.30}"
652
+ },
653
+ "border": {
654
+ "$type": "color",
655
+ "$value": "{df.theme.success.30}"
656
+ }
657
+ },
658
+ "activePressed": {
659
+ "background": {
660
+ "$type": "color",
661
+ "$value": "{df.theme.success.80}"
662
+ },
663
+ "foreground": {
664
+ "$type": "color",
665
+ "$value": "{df.theme.success.20}"
666
+ },
667
+ "border": {
668
+ "$type": "color",
669
+ "$value": "{df.theme.success.20}"
670
+ }
671
+ }
672
+ },
673
+ "soft": {
674
+ "default": {
675
+ "background": {
676
+ "$type": "color",
677
+ "$value": "{df.theme.success.90}"
678
+ },
679
+ "foreground": {
680
+ "$type": "color",
681
+ "$value": "{df.theme.success.20}"
682
+ }
683
+ },
684
+ "hovered": {
685
+ "background": {
686
+ "$type": "color",
687
+ "$value": "{df.theme.success.80}"
688
+ },
689
+ "foreground": {
690
+ "$type": "color",
691
+ "$value": "{df.theme.success.20}"
692
+ }
693
+ },
694
+ "active": {
695
+ "background": {
696
+ "$type": "color",
697
+ "$value": "{df.theme.success.70}"
698
+ },
699
+ "foreground": {
700
+ "$type": "color",
701
+ "$value": "{df.theme.success.20}"
702
+ }
703
+ },
704
+ "pressed": {
705
+ "background": {
706
+ "$type": "color",
707
+ "$value": "{df.theme.success.70}"
708
+ },
709
+ "foreground": {
710
+ "$type": "color",
711
+ "$value": "{df.theme.success.20}"
712
+ }
713
+ },
714
+ "activeHovered": {
715
+ "background": {
716
+ "$type": "color",
717
+ "$value": "{df.theme.success.80}"
718
+ },
719
+ "foreground": {
720
+ "$type": "color",
721
+ "$value": "{df.theme.success.20}"
722
+ }
723
+ },
724
+ "activePressed": {
725
+ "background": {
726
+ "$type": "color",
727
+ "$value": "{df.theme.success.70}"
728
+ },
729
+ "foreground": {
730
+ "$type": "color",
731
+ "$value": "{df.theme.success.20}"
732
+ }
733
+ }
734
+ },
735
+ "subtle": {
736
+ "background": {
737
+ "$type": "color",
738
+ "$value": "{df.theme.success.100}"
739
+ }
740
+ }
741
+ },
742
+ "warning": {
743
+ "main": {
744
+ "default": {
745
+ "background": {
746
+ "$type": "color",
747
+ "$value": "{df.theme.warning.50}"
748
+ },
749
+ "foreground": {
750
+ "$type": "color",
751
+ "$value": "{df.theme.neutral.100}"
752
+ },
753
+ "border": {
754
+ "$type": "color",
755
+ "$value": "{df.theme.warning.50}"
756
+ }
757
+ },
758
+ "hovered": {
759
+ "background": {
760
+ "$type": "color",
761
+ "$value": "{df.theme.warning.30}"
762
+ },
763
+ "foreground": {
764
+ "$type": "color",
765
+ "$value": "{df.theme.neutral.100}"
766
+ },
767
+ "border": {
768
+ "$type": "color",
769
+ "$value": "{df.theme.warning.30}"
770
+ }
771
+ },
772
+ "active": {
773
+ "background": {
774
+ "$type": "color",
775
+ "$value": "{df.theme.warning.20}"
776
+ },
777
+ "foreground": {
778
+ "$type": "color",
779
+ "$value": "{df.theme.neutral.100}"
780
+ },
781
+ "border": {
782
+ "$type": "color",
783
+ "$value": "{df.theme.warning.20}"
784
+ }
785
+ },
786
+ "pressed": {
787
+ "background": {
788
+ "$type": "color",
789
+ "$value": "{df.theme.warning.20}"
790
+ },
791
+ "foreground": {
792
+ "$type": "color",
793
+ "$value": "{df.theme.neutral.100}"
794
+ },
795
+ "border": {
796
+ "$type": "color",
797
+ "$value": "{df.theme.warning.20}"
798
+ }
799
+ },
800
+ "activeHovered": {
801
+ "background": {
802
+ "$type": "color",
803
+ "$value": "{df.theme.warning.30}"
804
+ },
805
+ "foreground": {
806
+ "$type": "color",
807
+ "$value": "{df.theme.neutral.100}"
808
+ },
809
+ "border": {
810
+ "$type": "color",
811
+ "$value": "{df.theme.warning.30}"
812
+ }
813
+ },
814
+ "activePressed": {
815
+ "background": {
816
+ "$type": "color",
817
+ "$value": "{df.theme.warning.20}"
818
+ },
819
+ "foreground": {
820
+ "$type": "color",
821
+ "$value": "{df.theme.neutral.100}"
822
+ },
823
+ "border": {
824
+ "$type": "color",
825
+ "$value": "{df.theme.warning.20}"
826
+ }
827
+ }
828
+ },
829
+ "alt": {
830
+ "default": {
831
+ "background": {
832
+ "$type": "color",
833
+ "$value": "{df.theme.neutral.100}"
834
+ },
835
+ "foreground": {
836
+ "$type": "color",
837
+ "$value": "{df.theme.warning.50}"
838
+ },
839
+ "border": {
840
+ "$type": "color",
841
+ "$value": "{df.theme.warning.50}"
842
+ }
843
+ },
844
+ "hovered": {
845
+ "background": {
846
+ "$type": "color",
847
+ "$value": "{df.theme.warning.90}"
848
+ },
849
+ "foreground": {
850
+ "$type": "color",
851
+ "$value": "{df.theme.warning.30}"
852
+ },
853
+ "border": {
854
+ "$type": "color",
855
+ "$value": "{df.theme.warning.30}"
856
+ }
857
+ },
858
+ "active": {
859
+ "background": {
860
+ "$type": "color",
861
+ "$value": "{df.theme.warning.80}"
862
+ },
863
+ "foreground": {
864
+ "$type": "color",
865
+ "$value": "{df.theme.warning.20}"
866
+ },
867
+ "border": {
868
+ "$type": "color",
869
+ "$value": "{df.theme.warning.20}"
870
+ }
871
+ },
872
+ "pressed": {
873
+ "background": {
874
+ "$type": "color",
875
+ "$value": "{df.theme.warning.80}"
876
+ },
877
+ "foreground": {
878
+ "$type": "color",
879
+ "$value": "{df.theme.warning.20}"
880
+ },
881
+ "border": {
882
+ "$type": "color",
883
+ "$value": "{df.theme.warning.20}"
884
+ }
885
+ },
886
+ "activeHovered": {
887
+ "background": {
888
+ "$type": "color",
889
+ "$value": "{df.theme.warning.90}"
890
+ },
891
+ "foreground": {
892
+ "$type": "color",
893
+ "$value": "{df.theme.warning.30}"
894
+ },
895
+ "border": {
896
+ "$type": "color",
897
+ "$value": "{df.theme.warning.30}"
898
+ }
899
+ },
900
+ "activePressed": {
901
+ "background": {
902
+ "$type": "color",
903
+ "$value": "{df.theme.warning.80}"
904
+ },
905
+ "foreground": {
906
+ "$type": "color",
907
+ "$value": "{df.theme.warning.20}"
908
+ },
909
+ "border": {
910
+ "$type": "color",
911
+ "$value": "{df.theme.warning.20}"
912
+ }
913
+ }
914
+ },
915
+ "soft": {
916
+ "default": {
917
+ "background": {
918
+ "$type": "color",
919
+ "$value": "{df.theme.warning.90}"
920
+ },
921
+ "foreground": {
922
+ "$type": "color",
923
+ "$value": "{df.theme.warning.20}"
924
+ }
925
+ },
926
+ "hovered": {
927
+ "background": {
928
+ "$type": "color",
929
+ "$value": "{df.theme.warning.90}"
930
+ },
931
+ "foreground": {
932
+ "$type": "color",
933
+ "$value": "{df.theme.warning.20}"
934
+ }
935
+ },
936
+ "active": {
937
+ "background": {
938
+ "$type": "color",
939
+ "$value": "{df.theme.warning.80}"
940
+ },
941
+ "foreground": {
942
+ "$type": "color",
943
+ "$value": "{df.theme.warning.20}"
944
+ }
945
+ },
946
+ "pressed": {
947
+ "background": {
948
+ "$type": "color",
949
+ "$value": "{df.theme.warning.80}"
950
+ },
951
+ "foreground": {
952
+ "$type": "color",
953
+ "$value": "{df.theme.warning.20}"
954
+ }
955
+ },
956
+ "activeHovered": {
957
+ "background": {
958
+ "$type": "color",
959
+ "$value": "{df.theme.warning.90}"
960
+ },
961
+ "foreground": {
962
+ "$type": "color",
963
+ "$value": "{df.theme.warning.20}"
964
+ }
965
+ },
966
+ "activePressed": {
967
+ "background": {
968
+ "$type": "color",
969
+ "$value": "{df.theme.warning.80}"
970
+ },
971
+ "foreground": {
972
+ "$type": "color",
973
+ "$value": "{df.theme.warning.20}"
974
+ }
975
+ }
976
+ },
977
+ "subtle": {
978
+ "background": {
979
+ "$type": "color",
980
+ "$value": "{df.theme.warning.100}"
981
+ }
982
+ }
983
+ },
984
+ "info": {
985
+ "main": {
986
+ "default": {
987
+ "background": {
988
+ "$type": "color",
989
+ "$value": "{df.theme.info.50}"
990
+ },
991
+ "foreground": {
992
+ "$type": "color",
993
+ "$value": "{df.theme.neutral.100}"
994
+ },
995
+ "border": {
996
+ "$type": "color",
997
+ "$value": "{df.theme.info.50}"
998
+ }
999
+ },
1000
+ "hovered": {
1001
+ "background": {
1002
+ "$type": "color",
1003
+ "$value": "{df.theme.info.30}"
1004
+ },
1005
+ "foreground": {
1006
+ "$type": "color",
1007
+ "$value": "{df.theme.neutral.100}"
1008
+ },
1009
+ "border": {
1010
+ "$type": "color",
1011
+ "$value": "{df.theme.info.30}"
1012
+ }
1013
+ },
1014
+ "active": {
1015
+ "background": {
1016
+ "$type": "color",
1017
+ "$value": "{df.theme.info.20}"
1018
+ },
1019
+ "foreground": {
1020
+ "$type": "color",
1021
+ "$value": "{df.theme.neutral.100}"
1022
+ },
1023
+ "border": {
1024
+ "$type": "color",
1025
+ "$value": "{df.theme.info.20}"
1026
+ }
1027
+ },
1028
+ "pressed": {
1029
+ "background": {
1030
+ "$type": "color",
1031
+ "$value": "{df.theme.info.20}"
1032
+ },
1033
+ "foreground": {
1034
+ "$type": "color",
1035
+ "$value": "{df.theme.neutral.100}"
1036
+ },
1037
+ "border": {
1038
+ "$type": "color",
1039
+ "$value": "{df.theme.info.20}"
1040
+ }
1041
+ },
1042
+ "activeHovered": {
1043
+ "background": {
1044
+ "$type": "color",
1045
+ "$value": "{df.theme.info.30}"
1046
+ },
1047
+ "foreground": {
1048
+ "$type": "color",
1049
+ "$value": "{df.theme.neutral.100}"
1050
+ },
1051
+ "border": {
1052
+ "$type": "color",
1053
+ "$value": "{df.theme.info.30}"
1054
+ }
1055
+ },
1056
+ "activePressed": {
1057
+ "background": {
1058
+ "$type": "color",
1059
+ "$value": "{df.theme.info.20}"
1060
+ },
1061
+ "foreground": {
1062
+ "$type": "color",
1063
+ "$value": "{df.theme.neutral.100}"
1064
+ },
1065
+ "border": {
1066
+ "$type": "color",
1067
+ "$value": "{df.theme.info.20}"
1068
+ }
1069
+ }
1070
+ },
1071
+ "alt": {
1072
+ "default": {
1073
+ "background": {
1074
+ "$type": "color",
1075
+ "$value": "{df.theme.neutral.100}"
1076
+ },
1077
+ "foreground": {
1078
+ "$type": "color",
1079
+ "$value": "{df.theme.info.50}"
1080
+ },
1081
+ "border": {
1082
+ "$type": "color",
1083
+ "$value": "{df.theme.info.50}"
1084
+ }
1085
+ },
1086
+ "hovered": {
1087
+ "background": {
1088
+ "$type": "color",
1089
+ "$value": "{df.theme.info.90}"
1090
+ },
1091
+ "foreground": {
1092
+ "$type": "color",
1093
+ "$value": "{df.theme.info.30}"
1094
+ },
1095
+ "border": {
1096
+ "$type": "color",
1097
+ "$value": "{df.theme.info.30}"
1098
+ }
1099
+ },
1100
+ "active": {
1101
+ "background": {
1102
+ "$type": "color",
1103
+ "$value": "{df.theme.info.80}"
1104
+ },
1105
+ "foreground": {
1106
+ "$type": "color",
1107
+ "$value": "{df.theme.info.20}"
1108
+ },
1109
+ "border": {
1110
+ "$type": "color",
1111
+ "$value": "{df.theme.info.20}"
1112
+ }
1113
+ },
1114
+ "pressed": {
1115
+ "background": {
1116
+ "$type": "color",
1117
+ "$value": "{df.theme.info.80}"
1118
+ },
1119
+ "foreground": {
1120
+ "$type": "color",
1121
+ "$value": "{df.theme.info.20}"
1122
+ },
1123
+ "border": {
1124
+ "$type": "color",
1125
+ "$value": "{df.theme.info.20}"
1126
+ }
1127
+ },
1128
+ "activeHovered": {
1129
+ "background": {
1130
+ "$type": "color",
1131
+ "$value": "{df.theme.info.90}"
1132
+ },
1133
+ "foreground": {
1134
+ "$type": "color",
1135
+ "$value": "{df.theme.info.30}"
1136
+ },
1137
+ "border": {
1138
+ "$type": "color",
1139
+ "$value": "{df.theme.info.30}"
1140
+ }
1141
+ },
1142
+ "activePressed": {
1143
+ "background": {
1144
+ "$type": "color",
1145
+ "$value": "{df.theme.info.80}"
1146
+ },
1147
+ "foreground": {
1148
+ "$type": "color",
1149
+ "$value": "{df.theme.info.20}"
1150
+ },
1151
+ "border": {
1152
+ "$type": "color",
1153
+ "$value": "{df.theme.info.20}"
1154
+ }
1155
+ }
1156
+ },
1157
+ "soft": {
1158
+ "default": {
1159
+ "background": {
1160
+ "$type": "color",
1161
+ "$value": "{df.theme.info.90}"
1162
+ },
1163
+ "foreground": {
1164
+ "$type": "color",
1165
+ "$value": "{df.theme.info.20}"
1166
+ }
1167
+ },
1168
+ "hovered": {
1169
+ "background": {
1170
+ "$type": "color",
1171
+ "$value": "{df.theme.info.80}"
1172
+ },
1173
+ "foreground": {
1174
+ "$type": "color",
1175
+ "$value": "{df.theme.info.20}"
1176
+ }
1177
+ },
1178
+ "active": {
1179
+ "background": {
1180
+ "$type": "color",
1181
+ "$value": "{df.theme.info.70}"
1182
+ },
1183
+ "foreground": {
1184
+ "$type": "color",
1185
+ "$value": "{df.theme.info.20}"
1186
+ }
1187
+ },
1188
+ "pressed": {
1189
+ "background": {
1190
+ "$type": "color",
1191
+ "$value": "{df.theme.info.70}"
1192
+ },
1193
+ "foreground": {
1194
+ "$type": "color",
1195
+ "$value": "{df.theme.info.20}"
1196
+ }
1197
+ },
1198
+ "activeHovered": {
1199
+ "background": {
1200
+ "$type": "color",
1201
+ "$value": "{df.theme.info.80}"
1202
+ },
1203
+ "foreground": {
1204
+ "$type": "color",
1205
+ "$value": "{df.theme.info.20}"
1206
+ }
1207
+ },
1208
+ "activePressed": {
1209
+ "background": {
1210
+ "$type": "color",
1211
+ "$value": "{df.theme.info.70}"
1212
+ },
1213
+ "foreground": {
1214
+ "$type": "color",
1215
+ "$value": "{df.theme.info.20}"
1216
+ }
1217
+ }
1218
+ },
1219
+ "subtle": {
1220
+ "background": {
1221
+ "$type": "color",
1222
+ "$value": "{df.theme.info.100}"
1223
+ }
1224
+ }
1225
+ },
1226
+ "tip": {
1227
+ "main": {
1228
+ "default": {
1229
+ "background": {
1230
+ "$type": "color",
1231
+ "$value": "{df.theme.tip.50}"
1232
+ },
1233
+ "foreground": {
1234
+ "$type": "color",
1235
+ "$value": "{df.theme.neutral.100}"
1236
+ },
1237
+ "border": {
1238
+ "$type": "color",
1239
+ "$value": "{df.theme.tip.50}"
1240
+ }
1241
+ },
1242
+ "hovered": {
1243
+ "background": {
1244
+ "$type": "color",
1245
+ "$value": "{df.theme.tip.30}"
1246
+ },
1247
+ "foreground": {
1248
+ "$type": "color",
1249
+ "$value": "{df.theme.neutral.100}"
1250
+ },
1251
+ "border": {
1252
+ "$type": "color",
1253
+ "$value": "{df.theme.tip.30}"
1254
+ }
1255
+ },
1256
+ "active": {
1257
+ "background": {
1258
+ "$type": "color",
1259
+ "$value": "{df.theme.tip.20}"
1260
+ },
1261
+ "foreground": {
1262
+ "$type": "color",
1263
+ "$value": "{df.theme.neutral.100}"
1264
+ },
1265
+ "border": {
1266
+ "$type": "color",
1267
+ "$value": "{df.theme.tip.20}"
1268
+ }
1269
+ },
1270
+ "pressed": {
1271
+ "background": {
1272
+ "$type": "color",
1273
+ "$value": "{df.theme.tip.20}"
1274
+ },
1275
+ "foreground": {
1276
+ "$type": "color",
1277
+ "$value": "{df.theme.neutral.100}"
1278
+ },
1279
+ "border": {
1280
+ "$type": "color",
1281
+ "$value": "{df.theme.tip.20}"
1282
+ }
1283
+ },
1284
+ "activeHovered": {
1285
+ "background": {
1286
+ "$type": "color",
1287
+ "$value": "{df.theme.tip.30}"
1288
+ },
1289
+ "foreground": {
1290
+ "$type": "color",
1291
+ "$value": "{df.theme.neutral.100}"
1292
+ },
1293
+ "border": {
1294
+ "$type": "color",
1295
+ "$value": "{df.theme.tip.30}"
1296
+ }
1297
+ },
1298
+ "activePressed": {
1299
+ "background": {
1300
+ "$type": "color",
1301
+ "$value": "{df.theme.tip.20}"
1302
+ },
1303
+ "foreground": {
1304
+ "$type": "color",
1305
+ "$value": "{df.theme.neutral.100}"
1306
+ },
1307
+ "border": {
1308
+ "$type": "color",
1309
+ "$value": "{df.theme.tip.20}"
1310
+ }
1311
+ }
1312
+ },
1313
+ "alt": {
1314
+ "default": {
1315
+ "background": {
1316
+ "$type": "color",
1317
+ "$value": "{df.theme.neutral.100}"
1318
+ },
1319
+ "foreground": {
1320
+ "$type": "color",
1321
+ "$value": "{df.theme.tip.50}"
1322
+ },
1323
+ "border": {
1324
+ "$type": "color",
1325
+ "$value": "{df.theme.tip.50}"
1326
+ }
1327
+ },
1328
+ "hovered": {
1329
+ "background": {
1330
+ "$type": "color",
1331
+ "$value": "{df.theme.tip.90}"
1332
+ },
1333
+ "foreground": {
1334
+ "$type": "color",
1335
+ "$value": "{df.theme.tip.30}"
1336
+ },
1337
+ "border": {
1338
+ "$type": "color",
1339
+ "$value": "{df.theme.tip.30}"
1340
+ }
1341
+ },
1342
+ "active": {
1343
+ "background": {
1344
+ "$type": "color",
1345
+ "$value": "{df.theme.tip.80}"
1346
+ },
1347
+ "foreground": {
1348
+ "$type": "color",
1349
+ "$value": "{df.theme.tip.20}"
1350
+ },
1351
+ "border": {
1352
+ "$type": "color",
1353
+ "$value": "{df.theme.tip.20}"
1354
+ }
1355
+ },
1356
+ "pressed": {
1357
+ "background": {
1358
+ "$type": "color",
1359
+ "$value": "{df.theme.tip.80}"
1360
+ },
1361
+ "foreground": {
1362
+ "$type": "color",
1363
+ "$value": "{df.theme.tip.20}"
1364
+ },
1365
+ "border": {
1366
+ "$type": "color",
1367
+ "$value": "{df.theme.tip.20}"
1368
+ }
1369
+ },
1370
+ "activeHovered": {
1371
+ "background": {
1372
+ "$type": "color",
1373
+ "$value": "{df.theme.tip.90}"
1374
+ },
1375
+ "foreground": {
1376
+ "$type": "color",
1377
+ "$value": "{df.theme.tip.30}"
1378
+ },
1379
+ "border": {
1380
+ "$type": "color",
1381
+ "$value": "{df.theme.tip.30}"
1382
+ }
1383
+ },
1384
+ "activePressed": {
1385
+ "background": {
1386
+ "$type": "color",
1387
+ "$value": "{df.theme.tip.80}"
1388
+ },
1389
+ "foreground": {
1390
+ "$type": "color",
1391
+ "$value": "{df.theme.tip.20}"
1392
+ },
1393
+ "border": {
1394
+ "$type": "color",
1395
+ "$value": "{df.theme.tip.20}"
1396
+ }
1397
+ }
1398
+ },
1399
+ "soft": {
1400
+ "default": {
1401
+ "background": {
1402
+ "$type": "color",
1403
+ "$value": "{df.theme.tip.90}"
1404
+ },
1405
+ "foreground": {
1406
+ "$type": "color",
1407
+ "$value": "{df.theme.tip.20}"
1408
+ }
1409
+ },
1410
+ "hovered": {
1411
+ "background": {
1412
+ "$type": "color",
1413
+ "$value": "{df.theme.tip.80}"
1414
+ },
1415
+ "foreground": {
1416
+ "$type": "color",
1417
+ "$value": "{df.theme.tip.20}"
1418
+ }
1419
+ },
1420
+ "active": {
1421
+ "background": {
1422
+ "$type": "color",
1423
+ "$value": "{df.theme.tip.70}"
1424
+ },
1425
+ "foreground": {
1426
+ "$type": "color",
1427
+ "$value": "{df.theme.tip.20}"
1428
+ }
1429
+ },
1430
+ "pressed": {
1431
+ "background": {
1432
+ "$type": "color",
1433
+ "$value": "{df.theme.tip.70}"
1434
+ },
1435
+ "foreground": {
1436
+ "$type": "color",
1437
+ "$value": "{df.theme.tip.20}"
1438
+ }
1439
+ },
1440
+ "activeHovered": {
1441
+ "background": {
1442
+ "$type": "color",
1443
+ "$value": "{df.theme.tip.80}"
1444
+ },
1445
+ "foreground": {
1446
+ "$type": "color",
1447
+ "$value": "{df.theme.tip.20}"
1448
+ }
1449
+ },
1450
+ "activePressed": {
1451
+ "background": {
1452
+ "$type": "color",
1453
+ "$value": "{df.theme.tip.70}"
1454
+ },
1455
+ "foreground": {
1456
+ "$type": "color",
1457
+ "$value": "{df.theme.tip.20}"
1458
+ }
1459
+ }
1460
+ },
1461
+ "subtle": {
1462
+ "background": {
1463
+ "$type": "color",
1464
+ "$value": "{df.theme.tip.100}"
1465
+ }
1466
+ }
1467
+ },
1468
+ "accent": {
1469
+ "main": {
1470
+ "default": {
1471
+ "background": {
1472
+ "$type": "color",
1473
+ "$value": "{df.theme.accent.40}"
1474
+ },
1475
+ "foreground": {
1476
+ "$type": "color",
1477
+ "$value": "{df.theme.neutral.100}"
1478
+ },
1479
+ "border": {
1480
+ "$type": "color",
1481
+ "$value": "{df.theme.accent.40}"
1482
+ }
1483
+ },
1484
+ "hovered": {
1485
+ "background": {
1486
+ "$type": "color",
1487
+ "$value": "{df.theme.accent.30}"
1488
+ },
1489
+ "foreground": {
1490
+ "$type": "color",
1491
+ "$value": "{df.theme.neutral.100}"
1492
+ },
1493
+ "border": {
1494
+ "$type": "color",
1495
+ "$value": "{df.theme.accent.30}"
1496
+ }
1497
+ },
1498
+ "active": {
1499
+ "background": {
1500
+ "$type": "color",
1501
+ "$value": "{df.theme.accent.20}"
1502
+ },
1503
+ "foreground": {
1504
+ "$type": "color",
1505
+ "$value": "{df.theme.neutral.100}"
1506
+ },
1507
+ "border": {
1508
+ "$type": "color",
1509
+ "$value": "{df.theme.accent.20}"
1510
+ }
1511
+ },
1512
+ "pressed": {
1513
+ "background": {
1514
+ "$type": "color",
1515
+ "$value": "{df.theme.accent.20}"
1516
+ },
1517
+ "foreground": {
1518
+ "$type": "color",
1519
+ "$value": "{df.theme.neutral.100}"
1520
+ },
1521
+ "border": {
1522
+ "$type": "color",
1523
+ "$value": "{df.theme.accent.20}"
1524
+ }
1525
+ },
1526
+ "activeHovered": {
1527
+ "background": {
1528
+ "$type": "color",
1529
+ "$value": "{df.theme.accent.30}"
1530
+ },
1531
+ "foreground": {
1532
+ "$type": "color",
1533
+ "$value": "{df.theme.neutral.100}"
1534
+ },
1535
+ "border": {
1536
+ "$type": "color",
1537
+ "$value": "{df.theme.accent.30}"
1538
+ }
1539
+ },
1540
+ "activePressed": {
1541
+ "background": {
1542
+ "$type": "color",
1543
+ "$value": "{df.theme.accent.20}"
1544
+ },
1545
+ "foreground": {
1546
+ "$type": "color",
1547
+ "$value": "{df.theme.neutral.100}"
1548
+ },
1549
+ "border": {
1550
+ "$type": "color",
1551
+ "$value": "{df.theme.accent.20}"
1552
+ }
1553
+ }
1554
+ },
1555
+ "alt": {
1556
+ "default": {
1557
+ "background": {
1558
+ "$type": "color",
1559
+ "$value": "{df.theme.neutral.100}"
1560
+ },
1561
+ "foreground": {
1562
+ "$type": "color",
1563
+ "$value": "{df.theme.accent.40}"
1564
+ },
1565
+ "border": {
1566
+ "$type": "color",
1567
+ "$value": "{df.theme.accent.40}"
1568
+ }
1569
+ },
1570
+ "hovered": {
1571
+ "background": {
1572
+ "$type": "color",
1573
+ "$value": "{df.theme.accent.90}"
1574
+ },
1575
+ "foreground": {
1576
+ "$type": "color",
1577
+ "$value": "{df.theme.accent.30}"
1578
+ },
1579
+ "border": {
1580
+ "$type": "color",
1581
+ "$value": "{df.theme.accent.30}"
1582
+ }
1583
+ },
1584
+ "active": {
1585
+ "background": {
1586
+ "$type": "color",
1587
+ "$value": "{df.theme.accent.80}"
1588
+ },
1589
+ "foreground": {
1590
+ "$type": "color",
1591
+ "$value": "{df.theme.accent.20}"
1592
+ },
1593
+ "border": {
1594
+ "$type": "color",
1595
+ "$value": "{df.theme.accent.20}"
1596
+ }
1597
+ },
1598
+ "pressed": {
1599
+ "background": {
1600
+ "$type": "color",
1601
+ "$value": "{df.theme.accent.80}"
1602
+ },
1603
+ "foreground": {
1604
+ "$type": "color",
1605
+ "$value": "{df.theme.accent.20}"
1606
+ },
1607
+ "border": {
1608
+ "$type": "color",
1609
+ "$value": "{df.theme.accent.20}"
1610
+ }
1611
+ },
1612
+ "activeHovered": {
1613
+ "background": {
1614
+ "$type": "color",
1615
+ "$value": "{df.theme.accent.90}"
1616
+ },
1617
+ "foreground": {
1618
+ "$type": "color",
1619
+ "$value": "{df.theme.accent.30}"
1620
+ },
1621
+ "border": {
1622
+ "$type": "color",
1623
+ "$value": "{df.theme.accent.30}"
1624
+ }
1625
+ },
1626
+ "activePressed": {
1627
+ "background": {
1628
+ "$type": "color",
1629
+ "$value": "{df.theme.accent.80}"
1630
+ },
1631
+ "foreground": {
1632
+ "$type": "color",
1633
+ "$value": "{df.theme.accent.20}"
1634
+ },
1635
+ "border": {
1636
+ "$type": "color",
1637
+ "$value": "{df.theme.accent.20}"
1638
+ }
1639
+ }
1640
+ },
1641
+ "soft": {
1642
+ "default": {
1643
+ "background": {
1644
+ "$type": "color",
1645
+ "$value": "{df.theme.accent.90}"
1646
+ },
1647
+ "foreground": {
1648
+ "$type": "color",
1649
+ "$value": "{df.theme.accent.20}"
1650
+ }
1651
+ },
1652
+ "hovered": {
1653
+ "background": {
1654
+ "$type": "color",
1655
+ "$value": "{df.theme.accent.80}"
1656
+ },
1657
+ "foreground": {
1658
+ "$type": "color",
1659
+ "$value": "{df.theme.accent.20}"
1660
+ }
1661
+ },
1662
+ "active": {
1663
+ "background": {
1664
+ "$type": "color",
1665
+ "$value": "{df.theme.accent.70}"
1666
+ },
1667
+ "foreground": {
1668
+ "$type": "color",
1669
+ "$value": "{df.theme.accent.20}"
1670
+ }
1671
+ },
1672
+ "pressed": {
1673
+ "background": {
1674
+ "$type": "color",
1675
+ "$value": "{df.theme.accent.70}"
1676
+ },
1677
+ "foreground": {
1678
+ "$type": "color",
1679
+ "$value": "{df.theme.accent.20}"
1680
+ }
1681
+ },
1682
+ "activeHovered": {
1683
+ "background": {
1684
+ "$type": "color",
1685
+ "$value": "{df.theme.accent.80}"
1686
+ },
1687
+ "foreground": {
1688
+ "$type": "color",
1689
+ "$value": "{df.theme.accent.20}"
1690
+ }
1691
+ },
1692
+ "activePressed": {
1693
+ "background": {
1694
+ "$type": "color",
1695
+ "$value": "{df.theme.accent.70}"
1696
+ },
1697
+ "foreground": {
1698
+ "$type": "color",
1699
+ "$value": "{df.theme.accent.20}"
1700
+ }
1701
+ }
1702
+ },
1703
+ "subtle": {
1704
+ "background": {
1705
+ "$type": "color",
1706
+ "$value": "{df.theme.accent.100}"
1707
+ }
1708
+ },
1709
+ "intense": {
1710
+ "background": {
1711
+ "$type": "color",
1712
+ "$value": "{df.theme.accent.10}"
1713
+ }
1714
+ }
1715
+ },
1716
+ "neutral": {
1717
+ "main": {
1718
+ "default": {
1719
+ "background": {
1720
+ "$type": "color",
1721
+ "$value": "{df.theme.neutral.10}"
1722
+ },
1723
+ "foreground": {
1724
+ "$type": "color",
1725
+ "$value": "{df.theme.neutral.100}"
1726
+ },
1727
+ "border": {
1728
+ "$type": "color",
1729
+ "$value": "{df.theme.neutral.10}"
1730
+ }
1731
+ },
1732
+ "hovered": {
1733
+ "background": {
1734
+ "$type": "color",
1735
+ "$value": "{df.theme.neutral.10}"
1736
+ },
1737
+ "foreground": {
1738
+ "$type": "color",
1739
+ "$value": "{df.theme.neutral.90}"
1740
+ },
1741
+ "border": {
1742
+ "$type": "color",
1743
+ "$value": "{df.theme.neutral.10}"
1744
+ }
1745
+ },
1746
+ "active": {
1747
+ "background": {
1748
+ "$type": "color",
1749
+ "$value": "{df.theme.neutral.0}"
1750
+ },
1751
+ "foreground": {
1752
+ "$type": "color",
1753
+ "$value": "{df.theme.neutral.80}"
1754
+ },
1755
+ "border": {
1756
+ "$type": "color",
1757
+ "$value": "{df.theme.neutral.0}"
1758
+ }
1759
+ },
1760
+ "pressed": {
1761
+ "background": {
1762
+ "$type": "color",
1763
+ "$value": "{df.theme.neutral.0}"
1764
+ },
1765
+ "foreground": {
1766
+ "$type": "color",
1767
+ "$value": "{df.theme.neutral.80}"
1768
+ },
1769
+ "border": {
1770
+ "$type": "color",
1771
+ "$value": "{df.theme.neutral.0}"
1772
+ }
1773
+ },
1774
+ "activeHovered": {
1775
+ "background": {
1776
+ "$type": "color",
1777
+ "$value": "{df.theme.neutral.10}"
1778
+ },
1779
+ "foreground": {
1780
+ "$type": "color",
1781
+ "$value": "{df.theme.neutral.90}"
1782
+ },
1783
+ "border": {
1784
+ "$type": "color",
1785
+ "$value": "{df.theme.neutral.10}"
1786
+ }
1787
+ },
1788
+ "activePressed": {
1789
+ "background": {
1790
+ "$type": "color",
1791
+ "$value": "{df.theme.neutral.0}"
1792
+ },
1793
+ "foreground": {
1794
+ "$type": "color",
1795
+ "$value": "{df.theme.neutral.80}"
1796
+ },
1797
+ "border": {
1798
+ "$type": "color",
1799
+ "$value": "{df.theme.neutral.0}"
1800
+ }
1801
+ }
1802
+ },
1803
+ "alt": {
1804
+ "default": {
1805
+ "background": {
1806
+ "$type": "color",
1807
+ "$value": "{df.theme.neutral.100}"
1808
+ },
1809
+ "foreground": {
1810
+ "$type": "color",
1811
+ "$value": "{df.theme.neutral.10}"
1812
+ },
1813
+ "border": {
1814
+ "$type": "color",
1815
+ "$value": "{df.theme.neutral.10}"
1816
+ }
1817
+ },
1818
+ "hovered": {
1819
+ "background": {
1820
+ "$type": "color",
1821
+ "$value": "{df.theme.neutral.90}"
1822
+ },
1823
+ "foreground": {
1824
+ "$type": "color",
1825
+ "$value": "{df.theme.neutral.10}"
1826
+ },
1827
+ "border": {
1828
+ "$type": "color",
1829
+ "$value": "{df.theme.neutral.10}"
1830
+ }
1831
+ },
1832
+ "active": {
1833
+ "background": {
1834
+ "$type": "color",
1835
+ "$value": "{df.theme.neutral.80}"
1836
+ },
1837
+ "foreground": {
1838
+ "$type": "color",
1839
+ "$value": "{df.theme.neutral.0}"
1840
+ },
1841
+ "border": {
1842
+ "$type": "color",
1843
+ "$value": "{df.theme.neutral.0}"
1844
+ }
1845
+ },
1846
+ "pressed": {
1847
+ "background": {
1848
+ "$type": "color",
1849
+ "$value": "{df.theme.neutral.80}"
1850
+ },
1851
+ "foreground": {
1852
+ "$type": "color",
1853
+ "$value": "{df.theme.neutral.0}"
1854
+ },
1855
+ "border": {
1856
+ "$type": "color",
1857
+ "$value": "{df.theme.neutral.0}"
1858
+ }
1859
+ },
1860
+ "activeHovered": {
1861
+ "background": {
1862
+ "$type": "color",
1863
+ "$value": "{df.theme.neutral.90}"
1864
+ },
1865
+ "foreground": {
1866
+ "$type": "color",
1867
+ "$value": "{df.theme.neutral.10}"
1868
+ },
1869
+ "border": {
1870
+ "$type": "color",
1871
+ "$value": "{df.theme.neutral.10}"
1872
+ }
1873
+ },
1874
+ "activePressed": {
1875
+ "background": {
1876
+ "$type": "color",
1877
+ "$value": "{df.theme.neutral.80}"
1878
+ },
1879
+ "foreground": {
1880
+ "$type": "color",
1881
+ "$value": "{df.theme.neutral.0}"
1882
+ },
1883
+ "border": {
1884
+ "$type": "color",
1885
+ "$value": "{df.theme.neutral.0}"
1886
+ }
1887
+ }
1888
+ },
1889
+ "soft": {
1890
+ "default": {
1891
+ "background": {
1892
+ "$type": "color",
1893
+ "$value": "{df.theme.neutral.90}"
1894
+ },
1895
+ "foreground": {
1896
+ "$type": "color",
1897
+ "$value": "{df.theme.neutral.0}"
1898
+ }
1899
+ },
1900
+ "hovered": {
1901
+ "background": {
1902
+ "$type": "color",
1903
+ "$value": "{df.theme.neutral.90}"
1904
+ },
1905
+ "foreground": {
1906
+ "$type": "color",
1907
+ "$value": "{df.theme.neutral.0}"
1908
+ }
1909
+ },
1910
+ "active": {
1911
+ "background": {
1912
+ "$type": "color",
1913
+ "$value": "{df.theme.neutral.80}"
1914
+ },
1915
+ "foreground": {
1916
+ "$type": "color",
1917
+ "$value": "{df.theme.neutral.0}"
1918
+ }
1919
+ },
1920
+ "pressed": {
1921
+ "background": {
1922
+ "$type": "color",
1923
+ "$value": "{df.theme.neutral.80}"
1924
+ },
1925
+ "foreground": {
1926
+ "$type": "color",
1927
+ "$value": "{df.theme.neutral.0}"
1928
+ }
1929
+ },
1930
+ "activeHovered": {
1931
+ "background": {
1932
+ "$type": "color",
1933
+ "$value": "{df.theme.neutral.90}"
1934
+ },
1935
+ "foreground": {
1936
+ "$type": "color",
1937
+ "$value": "{df.theme.neutral.0}"
1938
+ }
1939
+ },
1940
+ "activePressed": {
1941
+ "background": {
1942
+ "$type": "color",
1943
+ "$value": "{df.theme.neutral.80}"
1944
+ },
1945
+ "foreground": {
1946
+ "$type": "color",
1947
+ "$value": "{df.theme.neutral.0}"
1948
+ }
1949
+ }
1950
+ },
1951
+ "intense": {
1952
+ "background": {
1953
+ "$type": "color",
1954
+ "$value": "{df.theme.neutral.0}"
1955
+ },
1956
+ "foreground": {
1957
+ "$type": "color",
1958
+ "$value": "{df.theme.neutral.100}"
1959
+ }
1960
+ }
1961
+ },
1962
+ "chromatic1": {
1963
+ "main": {
1964
+ "default": {
1965
+ "background": {
1966
+ "$type": "color",
1967
+ "$value": "{df.theme.chromatic1.50}"
1968
+ },
1969
+ "foreground": {
1970
+ "$type": "color",
1971
+ "$value": "{df.theme.neutral.100}"
1972
+ },
1973
+ "border": {
1974
+ "$type": "color",
1975
+ "$value": "{df.theme.chromatic1.50}"
1976
+ }
1977
+ },
1978
+ "hovered": {
1979
+ "background": {
1980
+ "$type": "color",
1981
+ "$value": "{df.theme.chromatic1.30}"
1982
+ },
1983
+ "foreground": {
1984
+ "$type": "color",
1985
+ "$value": "{df.theme.neutral.100}"
1986
+ },
1987
+ "border": {
1988
+ "$type": "color",
1989
+ "$value": "{df.theme.chromatic1.30}"
1990
+ }
1991
+ },
1992
+ "active": {
1993
+ "background": {
1994
+ "$type": "color",
1995
+ "$value": "{df.theme.chromatic1.20}"
1996
+ },
1997
+ "foreground": {
1998
+ "$type": "color",
1999
+ "$value": "{df.theme.neutral.100}"
2000
+ },
2001
+ "border": {
2002
+ "$type": "color",
2003
+ "$value": "{df.theme.chromatic1.20}"
2004
+ }
2005
+ },
2006
+ "pressed": {
2007
+ "background": {
2008
+ "$type": "color",
2009
+ "$value": "{df.theme.chromatic1.20}"
2010
+ },
2011
+ "foreground": {
2012
+ "$type": "color",
2013
+ "$value": "{df.theme.neutral.100}"
2014
+ },
2015
+ "border": {
2016
+ "$type": "color",
2017
+ "$value": "{df.theme.chromatic1.20}"
2018
+ }
2019
+ },
2020
+ "activeHovered": {
2021
+ "background": {
2022
+ "$type": "color",
2023
+ "$value": "{df.theme.chromatic1.30}"
2024
+ },
2025
+ "foreground": {
2026
+ "$type": "color",
2027
+ "$value": "{df.theme.neutral.100}"
2028
+ },
2029
+ "border": {
2030
+ "$type": "color",
2031
+ "$value": "{df.theme.chromatic1.30}"
2032
+ }
2033
+ },
2034
+ "activePressed": {
2035
+ "background": {
2036
+ "$type": "color",
2037
+ "$value": "{df.theme.chromatic1.20}"
2038
+ },
2039
+ "foreground": {
2040
+ "$type": "color",
2041
+ "$value": "{df.theme.neutral.100}"
2042
+ },
2043
+ "border": {
2044
+ "$type": "color",
2045
+ "$value": "{df.theme.chromatic1.20}"
2046
+ }
2047
+ }
2048
+ },
2049
+ "alt": {
2050
+ "default": {
2051
+ "background": {
2052
+ "$type": "color",
2053
+ "$value": "{df.theme.neutral.100}"
2054
+ },
2055
+ "foreground": {
2056
+ "$type": "color",
2057
+ "$value": "{df.theme.chromatic1.50}"
2058
+ },
2059
+ "border": {
2060
+ "$type": "color",
2061
+ "$value": "{df.theme.chromatic1.50}"
2062
+ }
2063
+ },
2064
+ "hovered": {
2065
+ "background": {
2066
+ "$type": "color",
2067
+ "$value": "{df.theme.chromatic1.90}"
2068
+ },
2069
+ "foreground": {
2070
+ "$type": "color",
2071
+ "$value": "{df.theme.chromatic1.30}"
2072
+ },
2073
+ "border": {
2074
+ "$type": "color",
2075
+ "$value": "{df.theme.chromatic1.30}"
2076
+ }
2077
+ },
2078
+ "active": {
2079
+ "background": {
2080
+ "$type": "color",
2081
+ "$value": "{df.theme.chromatic1.80}"
2082
+ },
2083
+ "foreground": {
2084
+ "$type": "color",
2085
+ "$value": "{df.theme.chromatic1.20}"
2086
+ },
2087
+ "border": {
2088
+ "$type": "color",
2089
+ "$value": "{df.theme.chromatic1.20}"
2090
+ }
2091
+ },
2092
+ "pressed": {
2093
+ "background": {
2094
+ "$type": "color",
2095
+ "$value": "{df.theme.chromatic1.80}"
2096
+ },
2097
+ "foreground": {
2098
+ "$type": "color",
2099
+ "$value": "{df.theme.chromatic1.20}"
2100
+ },
2101
+ "border": {
2102
+ "$type": "color",
2103
+ "$value": "{df.theme.chromatic1.20}"
2104
+ }
2105
+ },
2106
+ "activeHovered": {
2107
+ "background": {
2108
+ "$type": "color",
2109
+ "$value": "{df.theme.chromatic1.90}"
2110
+ },
2111
+ "foreground": {
2112
+ "$type": "color",
2113
+ "$value": "{df.theme.chromatic1.30}"
2114
+ },
2115
+ "border": {
2116
+ "$type": "color",
2117
+ "$value": "{df.theme.chromatic1.30}"
2118
+ }
2119
+ },
2120
+ "activePressed": {
2121
+ "background": {
2122
+ "$type": "color",
2123
+ "$value": "{df.theme.chromatic1.80}"
2124
+ },
2125
+ "foreground": {
2126
+ "$type": "color",
2127
+ "$value": "{df.theme.chromatic1.20}"
2128
+ },
2129
+ "border": {
2130
+ "$type": "color",
2131
+ "$value": "{df.theme.chromatic1.20}"
2132
+ }
2133
+ }
2134
+ },
2135
+ "soft": {
2136
+ "default": {
2137
+ "background": {
2138
+ "$type": "color",
2139
+ "$value": "{df.theme.chromatic1.90}"
2140
+ },
2141
+ "foreground": {
2142
+ "$type": "color",
2143
+ "$value": "{df.theme.chromatic1.20}"
2144
+ }
2145
+ },
2146
+ "hovered": {
2147
+ "background": {
2148
+ "$type": "color",
2149
+ "$value": "{df.theme.chromatic1.90}"
2150
+ },
2151
+ "foreground": {
2152
+ "$type": "color",
2153
+ "$value": "{df.theme.chromatic1.20}"
2154
+ }
2155
+ },
2156
+ "active": {
2157
+ "background": {
2158
+ "$type": "color",
2159
+ "$value": "{df.theme.chromatic1.80}"
2160
+ },
2161
+ "foreground": {
2162
+ "$type": "color",
2163
+ "$value": "{df.theme.chromatic1.20}"
2164
+ }
2165
+ },
2166
+ "pressed": {
2167
+ "background": {
2168
+ "$type": "color",
2169
+ "$value": "{df.theme.chromatic1.80}"
2170
+ },
2171
+ "foreground": {
2172
+ "$type": "color",
2173
+ "$value": "{df.theme.chromatic1.20}"
2174
+ }
2175
+ },
2176
+ "activeHovered": {
2177
+ "background": {
2178
+ "$type": "color",
2179
+ "$value": "{df.theme.chromatic1.90}"
2180
+ },
2181
+ "foreground": {
2182
+ "$type": "color",
2183
+ "$value": "{df.theme.chromatic1.20}"
2184
+ }
2185
+ },
2186
+ "activePressed": {
2187
+ "background": {
2188
+ "$type": "color",
2189
+ "$value": "{df.theme.chromatic1.80}"
2190
+ },
2191
+ "foreground": {
2192
+ "$type": "color",
2193
+ "$value": "{df.theme.chromatic1.20}"
2194
+ }
2195
+ }
2196
+ },
2197
+ "subtle": {
2198
+ "background": {
2199
+ "$type": "color",
2200
+ "$value": "{df.theme.chromatic1.100}"
2201
+ }
2202
+ }
2203
+ },
2204
+ "chromatic2": {
2205
+ "main": {
2206
+ "default": {
2207
+ "background": {
2208
+ "$type": "color",
2209
+ "$value": "{df.theme.chromatic2.50}"
2210
+ },
2211
+ "foreground": {
2212
+ "$type": "color",
2213
+ "$value": "{df.theme.neutral.100}"
2214
+ },
2215
+ "border": {
2216
+ "$type": "color",
2217
+ "$value": "{df.theme.chromatic2.50}"
2218
+ }
2219
+ },
2220
+ "hovered": {
2221
+ "background": {
2222
+ "$type": "color",
2223
+ "$value": "{df.theme.chromatic2.30}"
2224
+ },
2225
+ "foreground": {
2226
+ "$type": "color",
2227
+ "$value": "{df.theme.neutral.100}"
2228
+ },
2229
+ "border": {
2230
+ "$type": "color",
2231
+ "$value": "{df.theme.chromatic2.30}"
2232
+ }
2233
+ },
2234
+ "active": {
2235
+ "background": {
2236
+ "$type": "color",
2237
+ "$value": "{df.theme.chromatic2.20}"
2238
+ },
2239
+ "foreground": {
2240
+ "$type": "color",
2241
+ "$value": "{df.theme.neutral.100}"
2242
+ },
2243
+ "border": {
2244
+ "$type": "color",
2245
+ "$value": "{df.theme.chromatic2.20}"
2246
+ }
2247
+ },
2248
+ "pressed": {
2249
+ "background": {
2250
+ "$type": "color",
2251
+ "$value": "{df.theme.chromatic2.20}"
2252
+ },
2253
+ "foreground": {
2254
+ "$type": "color",
2255
+ "$value": "{df.theme.neutral.100}"
2256
+ },
2257
+ "border": {
2258
+ "$type": "color",
2259
+ "$value": "{df.theme.chromatic2.20}"
2260
+ }
2261
+ },
2262
+ "activeHovered": {
2263
+ "background": {
2264
+ "$type": "color",
2265
+ "$value": "{df.theme.chromatic2.30}"
2266
+ },
2267
+ "foreground": {
2268
+ "$type": "color",
2269
+ "$value": "{df.theme.neutral.100}"
2270
+ },
2271
+ "border": {
2272
+ "$type": "color",
2273
+ "$value": "{df.theme.chromatic2.30}"
2274
+ }
2275
+ },
2276
+ "activePressed": {
2277
+ "background": {
2278
+ "$type": "color",
2279
+ "$value": "{df.theme.chromatic2.20}"
2280
+ },
2281
+ "foreground": {
2282
+ "$type": "color",
2283
+ "$value": "{df.theme.neutral.100}"
2284
+ },
2285
+ "border": {
2286
+ "$type": "color",
2287
+ "$value": "{df.theme.chromatic2.20}"
2288
+ }
2289
+ }
2290
+ },
2291
+ "alt": {
2292
+ "default": {
2293
+ "background": {
2294
+ "$type": "color",
2295
+ "$value": "{df.theme.neutral.100}"
2296
+ },
2297
+ "foreground": {
2298
+ "$type": "color",
2299
+ "$value": "{df.theme.chromatic2.50}"
2300
+ },
2301
+ "border": {
2302
+ "$type": "color",
2303
+ "$value": "{df.theme.chromatic2.50}"
2304
+ }
2305
+ },
2306
+ "hovered": {
2307
+ "background": {
2308
+ "$type": "color",
2309
+ "$value": "{df.theme.chromatic2.90}"
2310
+ },
2311
+ "foreground": {
2312
+ "$type": "color",
2313
+ "$value": "{df.theme.chromatic2.30}"
2314
+ },
2315
+ "border": {
2316
+ "$type": "color",
2317
+ "$value": "{df.theme.chromatic2.30}"
2318
+ }
2319
+ },
2320
+ "active": {
2321
+ "background": {
2322
+ "$type": "color",
2323
+ "$value": "{df.theme.chromatic2.80}"
2324
+ },
2325
+ "foreground": {
2326
+ "$type": "color",
2327
+ "$value": "{df.theme.chromatic2.20}"
2328
+ },
2329
+ "border": {
2330
+ "$type": "color",
2331
+ "$value": "{df.theme.chromatic2.20}"
2332
+ }
2333
+ },
2334
+ "pressed": {
2335
+ "background": {
2336
+ "$type": "color",
2337
+ "$value": "{df.theme.chromatic2.80}"
2338
+ },
2339
+ "foreground": {
2340
+ "$type": "color",
2341
+ "$value": "{df.theme.chromatic2.20}"
2342
+ },
2343
+ "border": {
2344
+ "$type": "color",
2345
+ "$value": "{df.theme.chromatic2.20}"
2346
+ }
2347
+ },
2348
+ "activeHovered": {
2349
+ "background": {
2350
+ "$type": "color",
2351
+ "$value": "{df.theme.chromatic2.90}"
2352
+ },
2353
+ "foreground": {
2354
+ "$type": "color",
2355
+ "$value": "{df.theme.chromatic2.30}"
2356
+ },
2357
+ "border": {
2358
+ "$type": "color",
2359
+ "$value": "{df.theme.chromatic2.30}"
2360
+ }
2361
+ },
2362
+ "activePressed": {
2363
+ "background": {
2364
+ "$type": "color",
2365
+ "$value": "{df.theme.chromatic2.80}"
2366
+ },
2367
+ "foreground": {
2368
+ "$type": "color",
2369
+ "$value": "{df.theme.chromatic2.20}"
2370
+ },
2371
+ "border": {
2372
+ "$type": "color",
2373
+ "$value": "{df.theme.chromatic2.20}"
2374
+ }
2375
+ }
2376
+ },
2377
+ "soft": {
2378
+ "default": {
2379
+ "background": {
2380
+ "$type": "color",
2381
+ "$value": "{df.theme.chromatic2.90}"
2382
+ },
2383
+ "foreground": {
2384
+ "$type": "color",
2385
+ "$value": "{df.theme.chromatic2.20}"
2386
+ }
2387
+ },
2388
+ "hovered": {
2389
+ "background": {
2390
+ "$type": "color",
2391
+ "$value": "{df.theme.chromatic2.90}"
2392
+ },
2393
+ "foreground": {
2394
+ "$type": "color",
2395
+ "$value": "{df.theme.chromatic2.20}"
2396
+ }
2397
+ },
2398
+ "active": {
2399
+ "background": {
2400
+ "$type": "color",
2401
+ "$value": "{df.theme.chromatic2.80}"
2402
+ },
2403
+ "foreground": {
2404
+ "$type": "color",
2405
+ "$value": "{df.theme.chromatic2.20}"
2406
+ }
2407
+ },
2408
+ "pressed": {
2409
+ "background": {
2410
+ "$type": "color",
2411
+ "$value": "{df.theme.chromatic2.80}"
2412
+ },
2413
+ "foreground": {
2414
+ "$type": "color",
2415
+ "$value": "{df.theme.chromatic2.20}"
2416
+ }
2417
+ },
2418
+ "activeHovered": {
2419
+ "background": {
2420
+ "$type": "color",
2421
+ "$value": "{df.theme.chromatic2.90}"
2422
+ },
2423
+ "foreground": {
2424
+ "$type": "color",
2425
+ "$value": "{df.theme.chromatic2.20}"
2426
+ }
2427
+ },
2428
+ "activePressed": {
2429
+ "background": {
2430
+ "$type": "color",
2431
+ "$value": "{df.theme.chromatic2.80}"
2432
+ },
2433
+ "foreground": {
2434
+ "$type": "color",
2435
+ "$value": "{df.theme.chromatic2.20}"
2436
+ }
2437
+ }
2438
+ },
2439
+ "subtle": {
2440
+ "background": {
2441
+ "$type": "color",
2442
+ "$value": "{df.theme.chromatic2.100}"
2443
+ }
2444
+ }
2445
+ },
2446
+ "inert": {
2447
+ "neutral": {
2448
+ "pageBackground": {
2449
+ "$type": "color",
2450
+ "$value": "{df.theme.neutral.100}"
2451
+ },
2452
+ "main": {
2453
+ "foreground": {
2454
+ "$type": "color",
2455
+ "$value": "{df.theme.neutral.10}"
2456
+ },
2457
+ "background": {
2458
+ "$type": "color",
2459
+ "$value": "{df.theme.neutral.90}"
2460
+ },
2461
+ "border": {
2462
+ "$type": "color",
2463
+ "$value": "{df.theme.neutral.70}"
2464
+ }
2465
+ },
2466
+ "alt": {
2467
+ "foreground": {
2468
+ "$type": "color",
2469
+ "$value": "{df.theme.neutral.100}"
2470
+ },
2471
+ "background": {
2472
+ "$type": "color",
2473
+ "$value": "{df.theme.neutral.10}"
2474
+ }
2475
+ },
2476
+ "subtle": {
2477
+ "background": {
2478
+ "$type": "color",
2479
+ "$value": "{df.theme.neutral.80}"
2480
+ }
2481
+ },
2482
+ "intense": {
2483
+ "foreground": {
2484
+ "$type": "color",
2485
+ "$value": "{df.theme.neutral.0}"
2486
+ },
2487
+ "background": {
2488
+ "$type": "color",
2489
+ "$value": "{df.theme.neutral.0}"
2490
+ }
2491
+ },
2492
+ "readonly": {
2493
+ "foreground": {
2494
+ "$type": "color",
2495
+ "$value": "{df.theme.neutral.20}"
2496
+ }
2497
+ }
2498
+ }
2499
+ },
2500
+ "disabled": {
2501
+ "main": {
2502
+ "foreground": {
2503
+ "$type": "color",
2504
+ "$value": "{df.theme.neutral.60}"
2505
+ },
2506
+ "background": {
2507
+ "$type": "color",
2508
+ "$value": "{df.theme.neutral.80}"
2509
+ },
2510
+ "border": {
2511
+ "$type": "color",
2512
+ "$value": "{df.theme.neutral.60}"
2513
+ }
2514
+ },
2515
+ "alt": {
2516
+ "foreground": {
2517
+ "$type": "color",
2518
+ "$value": "{df.theme.neutral.80}"
2519
+ },
2520
+ "background": {
2521
+ "$type": "color",
2522
+ "$value": "{df.theme.neutral.60}"
2523
+ },
2524
+ "border": {
2525
+ "$type": "color",
2526
+ "$value": "{df.theme.neutral.80}"
2527
+ }
2528
+ }
2529
+ },
2530
+ "focus": {
2531
+ "main": {
2532
+ "border": {
2533
+ "$type": "color",
2534
+ "$value": "{df.theme.neutral.10}"
2535
+ }
2536
+ },
2537
+ "alt": {
2538
+ "border": {
2539
+ "$type": "color",
2540
+ "$value": "{df.theme.neutral.100}"
2541
+ }
2542
+ }
2543
+ },
2544
+ "backdrop": {
2545
+ "background": {
2546
+ "$type": "color",
2547
+ "$value": "#000000e5"
2548
+ }
2549
+ },
2550
+ "icon": {
2551
+ "warning": {
2552
+ "foreground": {
2553
+ "$type": "color",
2554
+ "$value": "{df.theme.warning.50}"
2555
+ }
2556
+ }
2557
+ },
2558
+ "separator": {
2559
+ "primary": {
2560
+ "border": {
2561
+ "$type": "color",
2562
+ "$value": "{df.theme.primary.80}"
2563
+ }
2564
+ },
2565
+ "danger": {
2566
+ "border": {
2567
+ "$type": "color",
2568
+ "$value": "{df.theme.danger.80}"
2569
+ }
2570
+ },
2571
+ "success": {
2572
+ "border": {
2573
+ "$type": "color",
2574
+ "$value": "{df.theme.success.80}"
2575
+ }
2576
+ },
2577
+ "warning": {
2578
+ "border": {
2579
+ "$type": "color",
2580
+ "$value": "{df.theme.warning.80}"
2581
+ }
2582
+ },
2583
+ "info": {
2584
+ "border": {
2585
+ "$type": "color",
2586
+ "$value": "{df.theme.info.80}"
2587
+ }
2588
+ },
2589
+ "tip": {
2590
+ "border": {
2591
+ "$type": "color",
2592
+ "$value": "{df.theme.tip.80}"
2593
+ }
2594
+ },
2595
+ "chromatic1": {
2596
+ "border": {
2597
+ "$type": "color",
2598
+ "$value": "{df.theme.chromatic1.80}"
2599
+ }
2600
+ },
2601
+ "chromatic2": {
2602
+ "border": {
2603
+ "$type": "color",
2604
+ "$value": "{df.theme.chromatic2.80}"
2605
+ }
2606
+ }
2607
+ },
2608
+ "wavesProgress": {
2609
+ "sky": {
2610
+ "dark": {
2611
+ "border": {
2612
+ "$type": "color",
2613
+ "$value": "{df.theme.primary.90}"
2614
+ },
2615
+ "background": {
2616
+ "$type": "color",
2617
+ "$value": "{df.theme.primary.20}"
2618
+ }
2619
+ },
2620
+ "vivid": {
2621
+ "border": {
2622
+ "$type": "color",
2623
+ "$value": "{df.theme.primary.50}"
2624
+ },
2625
+ "background": {
2626
+ "$type": "color",
2627
+ "$value": "{df.theme.primary.90}"
2628
+ }
2629
+ },
2630
+ "light": {
2631
+ "border": {
2632
+ "$type": "color",
2633
+ "$value": "{df.theme.primary.50}"
2634
+ },
2635
+ "background": {
2636
+ "$type": "color",
2637
+ "$value": "{df.theme.primary.90}"
2638
+ }
2639
+ }
2640
+ },
2641
+ "crimson": {
2642
+ "dark": {
2643
+ "border": {
2644
+ "$type": "color",
2645
+ "$value": "{df.theme.danger.90}"
2646
+ },
2647
+ "background": {
2648
+ "$type": "color",
2649
+ "$value": "{df.theme.danger.20}"
2650
+ }
2651
+ },
2652
+ "vivid": {
2653
+ "border": {
2654
+ "$type": "color",
2655
+ "$value": "{df.theme.danger.50}"
2656
+ },
2657
+ "background": {
2658
+ "$type": "color",
2659
+ "$value": "{df.theme.danger.90}"
2660
+ }
2661
+ },
2662
+ "light": {
2663
+ "border": {
2664
+ "$type": "color",
2665
+ "$value": "{df.theme.danger.50}"
2666
+ },
2667
+ "background": {
2668
+ "$type": "color",
2669
+ "$value": "{df.theme.danger.90}"
2670
+ }
2671
+ }
2672
+ },
2673
+ "forest": {
2674
+ "dark": {
2675
+ "border": {
2676
+ "$type": "color",
2677
+ "$value": "{df.theme.success.90}"
2678
+ },
2679
+ "background": {
2680
+ "$type": "color",
2681
+ "$value": "{df.theme.success.20}"
2682
+ }
2683
+ },
2684
+ "vivid": {
2685
+ "border": {
2686
+ "$type": "color",
2687
+ "$value": "{df.theme.success.50}"
2688
+ },
2689
+ "background": {
2690
+ "$type": "color",
2691
+ "$value": "{df.theme.success.90}"
2692
+ }
2693
+ },
2694
+ "light": {
2695
+ "border": {
2696
+ "$type": "color",
2697
+ "$value": "{df.theme.success.50}"
2698
+ },
2699
+ "background": {
2700
+ "$type": "color",
2701
+ "$value": "{df.theme.success.90}"
2702
+ }
2703
+ }
2704
+ },
2705
+ "pumpkin": {
2706
+ "dark": {
2707
+ "border": {
2708
+ "$type": "color",
2709
+ "$value": "{df.theme.warning.90}"
2710
+ },
2711
+ "background": {
2712
+ "$type": "color",
2713
+ "$value": "{df.theme.warning.20}"
2714
+ }
2715
+ },
2716
+ "vivid": {
2717
+ "border": {
2718
+ "$type": "color",
2719
+ "$value": "{df.theme.warning.50}"
2720
+ },
2721
+ "background": {
2722
+ "$type": "color",
2723
+ "$value": "{df.theme.warning.90}"
2724
+ }
2725
+ },
2726
+ "light": {
2727
+ "border": {
2728
+ "$type": "color",
2729
+ "$value": "{df.theme.warning.50}"
2730
+ },
2731
+ "background": {
2732
+ "$type": "color",
2733
+ "$value": "{df.theme.warning.90}"
2734
+ }
2735
+ }
2736
+ },
2737
+ "violet": {
2738
+ "dark": {
2739
+ "border": {
2740
+ "$type": "color",
2741
+ "$value": "{df.theme.tip.90}"
2742
+ },
2743
+ "background": {
2744
+ "$type": "color",
2745
+ "$value": "{df.theme.tip.20}"
2746
+ }
2747
+ },
2748
+ "vivid": {
2749
+ "border": {
2750
+ "$type": "color",
2751
+ "$value": "{df.theme.tip.50}"
2752
+ },
2753
+ "background": {
2754
+ "$type": "color",
2755
+ "$value": "{df.theme.tip.90}"
2756
+ }
2757
+ },
2758
+ "light": {
2759
+ "border": {
2760
+ "$type": "color",
2761
+ "$value": "{df.theme.tip.50}"
2762
+ },
2763
+ "background": {
2764
+ "$type": "color",
2765
+ "$value": "{df.theme.tip.90}"
2766
+ }
2767
+ }
2768
+ },
2769
+ "canary": {
2770
+ "dark": {
2771
+ "border": {
2772
+ "$type": "color",
2773
+ "$value": "{df.theme.chromatic1.90}"
2774
+ },
2775
+ "background": {
2776
+ "$type": "color",
2777
+ "$value": "{df.theme.chromatic1.20}"
2778
+ }
2779
+ },
2780
+ "vivid": {
2781
+ "border": {
2782
+ "$type": "color",
2783
+ "$value": "{df.theme.chromatic1.50}"
2784
+ },
2785
+ "background": {
2786
+ "$type": "color",
2787
+ "$value": "{df.theme.chromatic1.90}"
2788
+ }
2789
+ },
2790
+ "light": {
2791
+ "border": {
2792
+ "$type": "color",
2793
+ "$value": "{df.theme.chromatic1.50}"
2794
+ },
2795
+ "background": {
2796
+ "$type": "color",
2797
+ "$value": "{df.theme.chromatic1.90}"
2798
+ }
2799
+ }
2800
+ },
2801
+ "fuchsia": {
2802
+ "dark": {
2803
+ "border": {
2804
+ "$type": "color",
2805
+ "$value": "{df.theme.chromatic2.90}"
2806
+ },
2807
+ "background": {
2808
+ "$type": "color",
2809
+ "$value": "{df.theme.chromatic2.20}"
2810
+ }
2811
+ },
2812
+ "vivid": {
2813
+ "border": {
2814
+ "$type": "color",
2815
+ "$value": "{df.theme.chromatic2.50}"
2816
+ },
2817
+ "background": {
2818
+ "$type": "color",
2819
+ "$value": "{df.theme.chromatic2.90}"
2820
+ }
2821
+ },
2822
+ "light": {
2823
+ "border": {
2824
+ "$type": "color",
2825
+ "$value": "{df.theme.chromatic2.50}"
2826
+ },
2827
+ "background": {
2828
+ "$type": "color",
2829
+ "$value": "{df.theme.chromatic2.90}"
2830
+ }
2831
+ }
2832
+ }
2833
+ },
2834
+ "logo": {
2835
+ "main": {
2836
+ "foreground": {
2837
+ "$type": "color",
2838
+ "$value": "{df.theme.primary.20}"
2839
+ },
2840
+ "background": {
2841
+ "$type": "color",
2842
+ "$value": "{df.theme.primary.20}"
2843
+ }
2844
+ },
2845
+ "alt": {
2846
+ "foreground": {
2847
+ "$type": "color",
2848
+ "$value": "{df.theme.neutral.100}"
2849
+ },
2850
+ "background": {
2851
+ "$type": "color",
2852
+ "$value": "{df.theme.neutral.100}"
2853
+ }
2854
+ }
2855
+ },
2856
+ "input": {
2857
+ "border": {
2858
+ "$type": "color",
2859
+ "$value": "{df.theme.neutral.40}"
2860
+ }
2861
+ },
2862
+ "toggle": {
2863
+ "background": {
2864
+ "$type": "color",
2865
+ "$value": "{df.theme.neutral.10}"
2866
+ },
2867
+ "border": {
2868
+ "$type": "color",
2869
+ "$value": "{df.theme.neutral.10}"
2870
+ }
2871
+ },
2872
+ "subtext": {
2873
+ "foreground": {
2874
+ "$type": "color",
2875
+ "$value": "{df.theme.neutral.50}"
2876
+ },
2877
+ "border": {
2878
+ "$type": "color",
2879
+ "$value": "{df.theme.neutral.50}"
2880
+ }
2881
+ },
2882
+ "progressIndicator": {
2883
+ "main": {
2884
+ "border": {
2885
+ "$type": "color",
2886
+ "$value": "{df.theme.neutral.30}"
2887
+ }
2888
+ },
2889
+ "alt": {
2890
+ "border": {
2891
+ "$type": "color",
2892
+ "$value": "{df.theme.neutral.100}"
2893
+ }
2894
+ }
2895
+ },
2896
+ "addon": {
2897
+ "background": {
2898
+ "$type": "color",
2899
+ "$value": "{df.theme.neutral.90}"
2900
+ }
2901
+ },
2902
+ "tooltip": {
2903
+ "background": {
2904
+ "$type": "color",
2905
+ "$value": "{df.theme.neutral.30}"
2906
+ }
2907
+ },
2908
+ "shadow": {
2909
+ "1": {
2910
+ "$type": "color",
2911
+ "$value": "#66666640"
2912
+ }
2913
+ }
2914
+ },
2915
+ "borderRadius": {
2916
+ "main": {
2917
+ "null": {
2918
+ "$type": "dimension",
2919
+ "$value": "0px"
2920
+ },
2921
+ "small": {
2922
+ "$type": "dimension",
2923
+ "$value": "4px"
2924
+ },
2925
+ "medium": {
2926
+ "$type": "dimension",
2927
+ "$value": "6px"
2928
+ },
2929
+ "large": {
2930
+ "$type": "dimension",
2931
+ "$value": "8px"
2932
+ },
2933
+ "rounded": {
2934
+ "$type": "dimension",
2935
+ "$value": "100px"
2936
+ }
2937
+ },
2938
+ "focus": {
2939
+ "external": {
2940
+ "null": {
2941
+ "$type": "dimension",
2942
+ "$value": "0px"
2943
+ },
2944
+ "small": {
2945
+ "$type": "dimension",
2946
+ "$value": "6px"
2947
+ },
2948
+ "medium": {
2949
+ "$type": "dimension",
2950
+ "$value": "8px"
2951
+ },
2952
+ "large": {
2953
+ "$type": "dimension",
2954
+ "$value": "10px"
2955
+ },
2956
+ "rounded": {
2957
+ "$type": "dimension",
2958
+ "$value": "100px"
2959
+ }
2960
+ },
2961
+ "internal": {
2962
+ "null": {
2963
+ "$type": "dimension",
2964
+ "$value": "0px"
2965
+ },
2966
+ "small": {
2967
+ "$type": "dimension",
2968
+ "$value": "2px"
2969
+ },
2970
+ "medium": {
2971
+ "$type": "dimension",
2972
+ "$value": "4px"
2973
+ },
2974
+ "large": {
2975
+ "$type": "dimension",
2976
+ "$value": "6px"
2977
+ },
2978
+ "rounded": {
2979
+ "$type": "dimension",
2980
+ "$value": "100px"
2981
+ }
2982
+ }
2983
+ }
2984
+ },
2985
+ "spacing": {
2986
+ "0": {
2987
+ "$type": "dimension",
2988
+ "$value": "0px"
2989
+ },
2990
+ "1": {
2991
+ "$type": "dimension",
2992
+ "$value": "2px"
2993
+ },
2994
+ "2": {
2995
+ "$type": "dimension",
2996
+ "$value": "4px"
2997
+ },
2998
+ "3": {
2999
+ "$type": "dimension",
3000
+ "$value": "8px"
3001
+ },
3002
+ "4": {
3003
+ "$type": "dimension",
3004
+ "$value": "12px"
3005
+ },
3006
+ "5": {
3007
+ "$type": "dimension",
3008
+ "$value": "16px"
3009
+ },
3010
+ "6": {
3011
+ "$type": "dimension",
3012
+ "$value": "24px"
3013
+ },
3014
+ "7": {
3015
+ "$type": "dimension",
3016
+ "$value": "32px"
3017
+ },
3018
+ "8": {
3019
+ "$type": "dimension",
3020
+ "$value": "40px"
3021
+ },
3022
+ "9": {
3023
+ "$type": "dimension",
3024
+ "$value": "48px"
3025
+ },
3026
+ "10": {
3027
+ "$type": "dimension",
3028
+ "$value": "56px"
3029
+ },
3030
+ "11": {
3031
+ "$type": "dimension",
3032
+ "$value": "64px"
3033
+ },
3034
+ "12": {
3035
+ "$type": "dimension",
3036
+ "$value": "96px"
3037
+ }
3038
+ }
3039
+ },
3040
+ "internal": {
3041
+ "scheme": {
3042
+ "$type": "string",
3043
+ "$value": "dark"
3044
+ },
3045
+ "df": {
3046
+ "button": {
3047
+ "onDark": {
3048
+ "primary": {
3049
+ "main": {
3050
+ "default": {
3051
+ "background": {
3052
+ "$type": "color",
3053
+ "$value": "{df.theme.primary.60}"
3054
+ },
3055
+ "foreground": {
3056
+ "$type": "color",
3057
+ "$value": "{df.theme.neutral.0}"
3058
+ },
3059
+ "border": {
3060
+ "$type": "color",
3061
+ "$value": "{df.theme.primary.60}"
3062
+ }
3063
+ },
3064
+ "hovered": {
3065
+ "background": {
3066
+ "$type": "color",
3067
+ "$value": "{df.theme.primary.80}"
3068
+ },
3069
+ "foreground": {
3070
+ "$type": "color",
3071
+ "$value": "{df.theme.neutral.0}"
3072
+ },
3073
+ "border": {
3074
+ "$type": "color",
3075
+ "$value": "{df.theme.primary.80}"
3076
+ }
3077
+ },
3078
+ "active": {
3079
+ "background": {
3080
+ "$type": "color",
3081
+ "$value": "{df.theme.primary.90}"
3082
+ },
3083
+ "foreground": {
3084
+ "$type": "color",
3085
+ "$value": "{df.theme.neutral.0}"
3086
+ },
3087
+ "border": {
3088
+ "$type": "color",
3089
+ "$value": "{df.theme.primary.90}"
3090
+ }
3091
+ },
3092
+ "pressed": {
3093
+ "background": {
3094
+ "$type": "color",
3095
+ "$value": "{df.theme.primary.90}"
3096
+ },
3097
+ "foreground": {
3098
+ "$type": "color",
3099
+ "$value": "{df.theme.neutral.0}"
3100
+ },
3101
+ "border": {
3102
+ "$type": "color",
3103
+ "$value": "{df.theme.primary.90}"
3104
+ }
3105
+ },
3106
+ "activeHovered": {
3107
+ "background": {
3108
+ "$type": "color",
3109
+ "$value": "{df.theme.primary.80}"
3110
+ },
3111
+ "foreground": {
3112
+ "$type": "color",
3113
+ "$value": "{df.theme.neutral.0}"
3114
+ },
3115
+ "border": {
3116
+ "$type": "color",
3117
+ "$value": "{df.theme.primary.80}"
3118
+ }
3119
+ },
3120
+ "activePressed": {
3121
+ "background": {
3122
+ "$type": "color",
3123
+ "$value": "{df.theme.primary.90}"
3124
+ },
3125
+ "foreground": {
3126
+ "$type": "color",
3127
+ "$value": "{df.theme.neutral.0}"
3128
+ },
3129
+ "border": {
3130
+ "$type": "color",
3131
+ "$value": "{df.theme.primary.90}"
3132
+ }
3133
+ }
3134
+ },
3135
+ "alt": {
3136
+ "default": {
3137
+ "background": {
3138
+ "$type": "color",
3139
+ "$value": "{df.theme.neutral.0}"
3140
+ },
3141
+ "foreground": {
3142
+ "$type": "color",
3143
+ "$value": "{df.theme.primary.60}"
3144
+ },
3145
+ "border": {
3146
+ "$type": "color",
3147
+ "$value": "{df.theme.primary.60}"
3148
+ }
3149
+ },
3150
+ "hovered": {
3151
+ "background": {
3152
+ "$type": "color",
3153
+ "$value": "{df.theme.primary.20}"
3154
+ },
3155
+ "foreground": {
3156
+ "$type": "color",
3157
+ "$value": "{df.theme.primary.80}"
3158
+ },
3159
+ "border": {
3160
+ "$type": "color",
3161
+ "$value": "{df.theme.primary.80}"
3162
+ }
3163
+ },
3164
+ "active": {
3165
+ "background": {
3166
+ "$type": "color",
3167
+ "$value": "{df.theme.primary.30}"
3168
+ },
3169
+ "foreground": {
3170
+ "$type": "color",
3171
+ "$value": "{df.theme.primary.90}"
3172
+ },
3173
+ "border": {
3174
+ "$type": "color",
3175
+ "$value": "{df.theme.primary.90}"
3176
+ }
3177
+ },
3178
+ "pressed": {
3179
+ "background": {
3180
+ "$type": "color",
3181
+ "$value": "{df.theme.primary.30}"
3182
+ },
3183
+ "foreground": {
3184
+ "$type": "color",
3185
+ "$value": "{df.theme.primary.90}"
3186
+ },
3187
+ "border": {
3188
+ "$type": "color",
3189
+ "$value": "{df.theme.primary.90}"
3190
+ }
3191
+ },
3192
+ "activeHovered": {
3193
+ "background": {
3194
+ "$type": "color",
3195
+ "$value": "{df.theme.primary.20}"
3196
+ },
3197
+ "foreground": {
3198
+ "$type": "color",
3199
+ "$value": "{df.theme.primary.80}"
3200
+ },
3201
+ "border": {
3202
+ "$type": "color",
3203
+ "$value": "{df.theme.primary.80}"
3204
+ }
3205
+ },
3206
+ "activePressed": {
3207
+ "background": {
3208
+ "$type": "color",
3209
+ "$value": "{df.theme.primary.30}"
3210
+ },
3211
+ "foreground": {
3212
+ "$type": "color",
3213
+ "$value": "{df.theme.primary.90}"
3214
+ },
3215
+ "border": {
3216
+ "$type": "color",
3217
+ "$value": "{df.theme.primary.90}"
3218
+ }
3219
+ }
3220
+ }
3221
+ },
3222
+ "danger": {
3223
+ "main": {
3224
+ "default": {
3225
+ "background": {
3226
+ "$type": "color",
3227
+ "$value": "{df.theme.danger.60}"
3228
+ },
3229
+ "foreground": {
3230
+ "$type": "color",
3231
+ "$value": "{df.theme.neutral.0}"
3232
+ },
3233
+ "border": {
3234
+ "$type": "color",
3235
+ "$value": "{df.theme.danger.60}"
3236
+ }
3237
+ },
3238
+ "hovered": {
3239
+ "background": {
3240
+ "$type": "color",
3241
+ "$value": "{df.theme.danger.80}"
3242
+ },
3243
+ "foreground": {
3244
+ "$type": "color",
3245
+ "$value": "{df.theme.neutral.0}"
3246
+ },
3247
+ "border": {
3248
+ "$type": "color",
3249
+ "$value": "{df.theme.danger.80}"
3250
+ }
3251
+ },
3252
+ "active": {
3253
+ "background": {
3254
+ "$type": "color",
3255
+ "$value": "{df.theme.danger.90}"
3256
+ },
3257
+ "foreground": {
3258
+ "$type": "color",
3259
+ "$value": "{df.theme.neutral.0}"
3260
+ },
3261
+ "border": {
3262
+ "$type": "color",
3263
+ "$value": "{df.theme.danger.90}"
3264
+ }
3265
+ },
3266
+ "pressed": {
3267
+ "background": {
3268
+ "$type": "color",
3269
+ "$value": "{df.theme.danger.90}"
3270
+ },
3271
+ "foreground": {
3272
+ "$type": "color",
3273
+ "$value": "{df.theme.neutral.0}"
3274
+ },
3275
+ "border": {
3276
+ "$type": "color",
3277
+ "$value": "{df.theme.danger.90}"
3278
+ }
3279
+ },
3280
+ "activeHovered": {
3281
+ "background": {
3282
+ "$type": "color",
3283
+ "$value": "{df.theme.danger.80}"
3284
+ },
3285
+ "foreground": {
3286
+ "$type": "color",
3287
+ "$value": "{df.theme.neutral.0}"
3288
+ },
3289
+ "border": {
3290
+ "$type": "color",
3291
+ "$value": "{df.theme.danger.80}"
3292
+ }
3293
+ },
3294
+ "activePressed": {
3295
+ "background": {
3296
+ "$type": "color",
3297
+ "$value": "{df.theme.danger.90}"
3298
+ },
3299
+ "foreground": {
3300
+ "$type": "color",
3301
+ "$value": "{df.theme.neutral.0}"
3302
+ },
3303
+ "border": {
3304
+ "$type": "color",
3305
+ "$value": "{df.theme.danger.90}"
3306
+ }
3307
+ }
3308
+ },
3309
+ "alt": {
3310
+ "default": {
3311
+ "background": {
3312
+ "$type": "color",
3313
+ "$value": "{df.theme.neutral.0}"
3314
+ },
3315
+ "foreground": {
3316
+ "$type": "color",
3317
+ "$value": "{df.theme.danger.60}"
3318
+ },
3319
+ "border": {
3320
+ "$type": "color",
3321
+ "$value": "{df.theme.danger.60}"
3322
+ }
3323
+ },
3324
+ "hovered": {
3325
+ "background": {
3326
+ "$type": "color",
3327
+ "$value": "{df.theme.danger.20}"
3328
+ },
3329
+ "foreground": {
3330
+ "$type": "color",
3331
+ "$value": "{df.theme.danger.80}"
3332
+ },
3333
+ "border": {
3334
+ "$type": "color",
3335
+ "$value": "{df.theme.danger.80}"
3336
+ }
3337
+ },
3338
+ "active": {
3339
+ "background": {
3340
+ "$type": "color",
3341
+ "$value": "{df.theme.danger.30}"
3342
+ },
3343
+ "foreground": {
3344
+ "$type": "color",
3345
+ "$value": "{df.theme.danger.90}"
3346
+ },
3347
+ "border": {
3348
+ "$type": "color",
3349
+ "$value": "{df.theme.danger.90}"
3350
+ }
3351
+ },
3352
+ "pressed": {
3353
+ "background": {
3354
+ "$type": "color",
3355
+ "$value": "{df.theme.danger.30}"
3356
+ },
3357
+ "foreground": {
3358
+ "$type": "color",
3359
+ "$value": "{df.theme.danger.90}"
3360
+ },
3361
+ "border": {
3362
+ "$type": "color",
3363
+ "$value": "{df.theme.danger.90}"
3364
+ }
3365
+ },
3366
+ "activeHovered": {
3367
+ "background": {
3368
+ "$type": "color",
3369
+ "$value": "{df.theme.danger.20}"
3370
+ },
3371
+ "foreground": {
3372
+ "$type": "color",
3373
+ "$value": "{df.theme.danger.80}"
3374
+ },
3375
+ "border": {
3376
+ "$type": "color",
3377
+ "$value": "{df.theme.danger.80}"
3378
+ }
3379
+ },
3380
+ "activePressed": {
3381
+ "background": {
3382
+ "$type": "color",
3383
+ "$value": "{df.theme.danger.30}"
3384
+ },
3385
+ "foreground": {
3386
+ "$type": "color",
3387
+ "$value": "{df.theme.danger.90}"
3388
+ },
3389
+ "border": {
3390
+ "$type": "color",
3391
+ "$value": "{df.theme.danger.90}"
3392
+ }
3393
+ }
3394
+ }
3395
+ },
3396
+ "neutral": {
3397
+ "main": {
3398
+ "default": {
3399
+ "background": {
3400
+ "$type": "color",
3401
+ "$value": "{df.theme.neutral.100}"
3402
+ },
3403
+ "foreground": {
3404
+ "$type": "color",
3405
+ "$value": "{df.theme.neutral.0}"
3406
+ },
3407
+ "border": {
3408
+ "$type": "color",
3409
+ "$value": "{df.theme.neutral.100}"
3410
+ }
3411
+ },
3412
+ "hovered": {
3413
+ "background": {
3414
+ "$type": "color",
3415
+ "$value": "{df.theme.neutral.100}"
3416
+ },
3417
+ "foreground": {
3418
+ "$type": "color",
3419
+ "$value": "{df.theme.neutral.0}"
3420
+ },
3421
+ "border": {
3422
+ "$type": "color",
3423
+ "$value": "{df.theme.neutral.100}"
3424
+ }
3425
+ },
3426
+ "active": {
3427
+ "background": {
3428
+ "$type": "color",
3429
+ "$value": "{df.theme.neutral.110}"
3430
+ },
3431
+ "foreground": {
3432
+ "$type": "color",
3433
+ "$value": "{df.theme.neutral.0}"
3434
+ },
3435
+ "border": {
3436
+ "$type": "color",
3437
+ "$value": "{df.theme.neutral.110}"
3438
+ }
3439
+ },
3440
+ "pressed": {
3441
+ "background": {
3442
+ "$type": "color",
3443
+ "$value": "{df.theme.neutral.110}"
3444
+ },
3445
+ "foreground": {
3446
+ "$type": "color",
3447
+ "$value": "{df.theme.neutral.0}"
3448
+ },
3449
+ "border": {
3450
+ "$type": "color",
3451
+ "$value": "{df.theme.neutral.110}"
3452
+ }
3453
+ },
3454
+ "activeHovered": {
3455
+ "background": {
3456
+ "$type": "color",
3457
+ "$value": "{df.theme.neutral.100}"
3458
+ },
3459
+ "foreground": {
3460
+ "$type": "color",
3461
+ "$value": "{df.theme.neutral.0}"
3462
+ },
3463
+ "border": {
3464
+ "$type": "color",
3465
+ "$value": "{df.theme.neutral.100}"
3466
+ }
3467
+ },
3468
+ "activePressed": {
3469
+ "background": {
3470
+ "$type": "color",
3471
+ "$value": "{df.theme.neutral.110}"
3472
+ },
3473
+ "foreground": {
3474
+ "$type": "color",
3475
+ "$value": "{df.theme.neutral.0}"
3476
+ },
3477
+ "border": {
3478
+ "$type": "color",
3479
+ "$value": "{df.theme.neutral.110}"
3480
+ }
3481
+ }
3482
+ },
3483
+ "alt": {
3484
+ "default": {
3485
+ "background": {
3486
+ "$type": "color",
3487
+ "$value": "{df.theme.neutral.0}"
3488
+ },
3489
+ "foreground": {
3490
+ "$type": "color",
3491
+ "$value": "{df.theme.neutral.100}"
3492
+ },
3493
+ "border": {
3494
+ "$type": "color",
3495
+ "$value": "{df.theme.neutral.100}"
3496
+ }
3497
+ },
3498
+ "hovered": {
3499
+ "background": {
3500
+ "$type": "color",
3501
+ "$value": "{df.theme.neutral.20}"
3502
+ },
3503
+ "foreground": {
3504
+ "$type": "color",
3505
+ "$value": "{df.theme.neutral.100}"
3506
+ },
3507
+ "border": {
3508
+ "$type": "color",
3509
+ "$value": "{df.theme.neutral.100}"
3510
+ }
3511
+ },
3512
+ "active": {
3513
+ "background": {
3514
+ "$type": "color",
3515
+ "$value": "{df.theme.neutral.30}"
3516
+ },
3517
+ "foreground": {
3518
+ "$type": "color",
3519
+ "$value": "{df.theme.neutral.110}"
3520
+ },
3521
+ "border": {
3522
+ "$type": "color",
3523
+ "$value": "{df.theme.neutral.110}"
3524
+ }
3525
+ },
3526
+ "pressed": {
3527
+ "background": {
3528
+ "$type": "color",
3529
+ "$value": "{df.theme.neutral.30}"
3530
+ },
3531
+ "foreground": {
3532
+ "$type": "color",
3533
+ "$value": "{df.theme.neutral.110}"
3534
+ },
3535
+ "border": {
3536
+ "$type": "color",
3537
+ "$value": "{df.theme.neutral.110}"
3538
+ }
3539
+ },
3540
+ "activeHovered": {
3541
+ "background": {
3542
+ "$type": "color",
3543
+ "$value": "{df.theme.neutral.20}"
3544
+ },
3545
+ "foreground": {
3546
+ "$type": "color",
3547
+ "$value": "{df.theme.neutral.100}"
3548
+ },
3549
+ "border": {
3550
+ "$type": "color",
3551
+ "$value": "{df.theme.neutral.100}"
3552
+ }
3553
+ },
3554
+ "activePressed": {
3555
+ "background": {
3556
+ "$type": "color",
3557
+ "$value": "{df.theme.neutral.30}"
3558
+ },
3559
+ "foreground": {
3560
+ "$type": "color",
3561
+ "$value": "{df.theme.neutral.110}"
3562
+ },
3563
+ "border": {
3564
+ "$type": "color",
3565
+ "$value": "{df.theme.neutral.110}"
3566
+ }
3567
+ }
3568
+ }
3569
+ },
3570
+ "disabled": {
3571
+ "main": {
3572
+ "foreground": {
3573
+ "$type": "color",
3574
+ "$value": "{df.theme.neutral.30}"
3575
+ },
3576
+ "background": {
3577
+ "$type": "color",
3578
+ "$value": "{df.theme.neutral.50}"
3579
+ },
3580
+ "border": {
3581
+ "$type": "color",
3582
+ "$value": "{df.theme.neutral.30}"
3583
+ }
3584
+ },
3585
+ "alt": {
3586
+ "foreground": {
3587
+ "$type": "color",
3588
+ "$value": "{df.theme.neutral.50}"
3589
+ },
3590
+ "background": {
3591
+ "$type": "color",
3592
+ "$value": "{df.theme.neutral.30}"
3593
+ },
3594
+ "border": {
3595
+ "$type": "color",
3596
+ "$value": "{df.theme.neutral.50}"
3597
+ }
3598
+ }
3599
+ }
3600
+ }
3601
+ },
3602
+ "navbar": {
3603
+ "color": {
3604
+ "alt": {
3605
+ "active": {
3606
+ "border": {
3607
+ "$type": "color",
3608
+ "$value": "{df.theme.primary.20}"
3609
+ },
3610
+ "foreground": {
3611
+ "$type": "color",
3612
+ "$value": "{df.theme.primary.20}"
3613
+ }
3614
+ },
3615
+ "activeHovered": {
3616
+ "background": {
3617
+ "$type": "color",
3618
+ "$value": "{df.theme.primary.90}"
3619
+ },
3620
+ "border": {
3621
+ "$type": "color",
3622
+ "$value": "{df.theme.primary.20}"
3623
+ },
3624
+ "foreground": {
3625
+ "$type": "color",
3626
+ "$value": "{df.theme.primary.20}"
3627
+ }
3628
+ },
3629
+ "activePressed": {
3630
+ "border": {
3631
+ "$type": "color",
3632
+ "$value": "{df.theme.primary.20}"
3633
+ },
3634
+ "foreground": {
3635
+ "$type": "color",
3636
+ "$value": "{df.theme.primary.20}"
3637
+ }
3638
+ },
3639
+ "default": {
3640
+ "border": {
3641
+ "$type": "color",
3642
+ "$value": "{df.theme.primary.20}"
3643
+ },
3644
+ "foreground": {
3645
+ "$type": "color",
3646
+ "$value": "{df.theme.primary.20}"
3647
+ }
3648
+ },
3649
+ "hovered": {
3650
+ "background": {
3651
+ "$type": "color",
3652
+ "$value": "{df.theme.primary.90}"
3653
+ },
3654
+ "border": {
3655
+ "$type": "color",
3656
+ "$value": "{df.theme.primary.20}"
3657
+ },
3658
+ "foreground": {
3659
+ "$type": "color",
3660
+ "$value": "{df.theme.primary.20}"
3661
+ }
3662
+ },
3663
+ "pressed": {
3664
+ "background": {
3665
+ "$type": "color",
3666
+ "$value": "{df.theme.primary.80}"
3667
+ },
3668
+ "border": {
3669
+ "$type": "color",
3670
+ "$value": "{df.theme.primary.20}"
3671
+ },
3672
+ "foreground": {
3673
+ "$type": "color",
3674
+ "$value": "{df.theme.primary.20}"
3675
+ }
3676
+ }
3677
+ },
3678
+ "dropdown": {
3679
+ "alt": {
3680
+ "active": {
3681
+ "background": {
3682
+ "$type": "color",
3683
+ "$value": "{df.theme.primary.80}"
3684
+ },
3685
+ "border": {
3686
+ "$type": "color",
3687
+ "$value": "{df.theme.primary.20}"
3688
+ },
3689
+ "foreground": {
3690
+ "$type": "color",
3691
+ "$value": "{df.theme.primary.20}"
3692
+ }
3693
+ },
3694
+ "activeHovered": {
3695
+ "background": {
3696
+ "$type": "color",
3697
+ "$value": "{df.theme.primary.90}"
3698
+ },
3699
+ "border": {
3700
+ "$type": "color",
3701
+ "$value": "{df.theme.primary.20}"
3702
+ },
3703
+ "foreground": {
3704
+ "$type": "color",
3705
+ "$value": "{df.theme.primary.20}"
3706
+ }
3707
+ },
3708
+ "activePressed": {
3709
+ "background": {
3710
+ "$type": "color",
3711
+ "$value": "{df.theme.primary.80}"
3712
+ },
3713
+ "border": {
3714
+ "$type": "color",
3715
+ "$value": "{df.theme.primary.20}"
3716
+ },
3717
+ "foreground": {
3718
+ "$type": "color",
3719
+ "$value": "{df.theme.primary.20}"
3720
+ }
3721
+ },
3722
+ "default": {
3723
+ "border": {
3724
+ "$type": "color",
3725
+ "$value": "{df.theme.primary.20}"
3726
+ },
3727
+ "foreground": {
3728
+ "$type": "color",
3729
+ "$value": "{df.theme.primary.20}"
3730
+ }
3731
+ },
3732
+ "hovered": {
3733
+ "background": {
3734
+ "$type": "color",
3735
+ "$value": "{df.theme.primary.90}"
3736
+ },
3737
+ "border": {
3738
+ "$type": "color",
3739
+ "$value": "{df.theme.primary.20}"
3740
+ },
3741
+ "foreground": {
3742
+ "$type": "color",
3743
+ "$value": "{df.theme.primary.20}"
3744
+ }
3745
+ },
3746
+ "pressed": {
3747
+ "background": {
3748
+ "$type": "color",
3749
+ "$value": "{df.theme.primary.80}"
3750
+ },
3751
+ "border": {
3752
+ "$type": "color",
3753
+ "$value": "{df.theme.primary.20}"
3754
+ },
3755
+ "foreground": {
3756
+ "$type": "color",
3757
+ "$value": "{df.theme.primary.20}"
3758
+ }
3759
+ }
3760
+ },
3761
+ "main": {
3762
+ "active": {
3763
+ "background": {
3764
+ "$type": "color",
3765
+ "$value": "{df.theme.primary.50}"
3766
+ },
3767
+ "border": {
3768
+ "$type": "color",
3769
+ "$value": "{df.theme.neutral.110}"
3770
+ },
3771
+ "foreground": {
3772
+ "$type": "color",
3773
+ "$value": "{df.theme.neutral.110}"
3774
+ }
3775
+ },
3776
+ "activeHovered": {
3777
+ "background": {
3778
+ "$type": "color",
3779
+ "$value": "{df.theme.primary.40}"
3780
+ },
3781
+ "border": {
3782
+ "$type": "color",
3783
+ "$value": "{df.theme.neutral.110}"
3784
+ },
3785
+ "foreground": {
3786
+ "$type": "color",
3787
+ "$value": "{df.theme.neutral.110}"
3788
+ }
3789
+ },
3790
+ "activePressed": {
3791
+ "background": {
3792
+ "$type": "color",
3793
+ "$value": "{df.theme.primary.50}"
3794
+ },
3795
+ "border": {
3796
+ "$type": "color",
3797
+ "$value": "{df.theme.neutral.110}"
3798
+ },
3799
+ "foreground": {
3800
+ "$type": "color",
3801
+ "$value": "{df.theme.neutral.110}"
3802
+ }
3803
+ },
3804
+ "default": {
3805
+ "border": {
3806
+ "$type": "color",
3807
+ "$value": "{df.theme.neutral.110}"
3808
+ },
3809
+ "foreground": {
3810
+ "$type": "color",
3811
+ "$value": "{df.theme.neutral.110}"
3812
+ }
3813
+ },
3814
+ "hovered": {
3815
+ "background": {
3816
+ "$type": "color",
3817
+ "$value": "{df.theme.primary.40}"
3818
+ },
3819
+ "border": {
3820
+ "$type": "color",
3821
+ "$value": "{df.theme.neutral.110}"
3822
+ },
3823
+ "foreground": {
3824
+ "$type": "color",
3825
+ "$value": "{df.theme.neutral.110}"
3826
+ }
3827
+ },
3828
+ "pressed": {
3829
+ "background": {
3830
+ "$type": "color",
3831
+ "$value": "{df.theme.primary.50}"
3832
+ },
3833
+ "border": {
3834
+ "$type": "color",
3835
+ "$value": "{df.theme.neutral.110}"
3836
+ },
3837
+ "foreground": {
3838
+ "$type": "color",
3839
+ "$value": "{df.theme.neutral.110}"
3840
+ }
3841
+ }
3842
+ }
3843
+ },
3844
+ "inert": {
3845
+ "alt": {
3846
+ "background": {
3847
+ "$type": "color",
3848
+ "$value": "{df.theme.neutral.100}"
3849
+ },
3850
+ "foreground": {
3851
+ "$type": "color",
3852
+ "$value": "{df.theme.primary.20}"
3853
+ }
3854
+ },
3855
+ "main": {
3856
+ "background": {
3857
+ "$type": "color",
3858
+ "$value": "{df.theme.primary.20}"
3859
+ },
3860
+ "foreground": {
3861
+ "$type": "color",
3862
+ "$value": "{df.theme.neutral.100}"
3863
+ }
3864
+ }
3865
+ },
3866
+ "main": {
3867
+ "active": {
3868
+ "border": {
3869
+ "$type": "color",
3870
+ "$value": "{df.theme.neutral.110}"
3871
+ },
3872
+ "foreground": {
3873
+ "$type": "color",
3874
+ "$value": "{df.theme.neutral.110}"
3875
+ }
3876
+ },
3877
+ "activeHovered": {
3878
+ "background": {
3879
+ "$type": "color",
3880
+ "$value": "{df.theme.primary.40}"
3881
+ },
3882
+ "border": {
3883
+ "$type": "color",
3884
+ "$value": "{df.theme.neutral.110}"
3885
+ },
3886
+ "foreground": {
3887
+ "$type": "color",
3888
+ "$value": "{df.theme.neutral.110}"
3889
+ }
3890
+ },
3891
+ "activePressed": {
3892
+ "border": {
3893
+ "$type": "color",
3894
+ "$value": "{df.theme.neutral.110}"
3895
+ },
3896
+ "foreground": {
3897
+ "$type": "color",
3898
+ "$value": "{df.theme.neutral.110}"
3899
+ }
3900
+ },
3901
+ "default": {
3902
+ "border": {
3903
+ "$type": "color",
3904
+ "$value": "{df.theme.neutral.110}"
3905
+ },
3906
+ "foreground": {
3907
+ "$type": "color",
3908
+ "$value": "{df.theme.neutral.110}"
3909
+ }
3910
+ },
3911
+ "hovered": {
3912
+ "background": {
3913
+ "$type": "color",
3914
+ "$value": "{df.theme.primary.40}"
3915
+ },
3916
+ "border": {
3917
+ "$type": "color",
3918
+ "$value": "{df.theme.neutral.110}"
3919
+ },
3920
+ "foreground": {
3921
+ "$type": "color",
3922
+ "$value": "{df.theme.neutral.110}"
3923
+ }
3924
+ },
3925
+ "pressed": {
3926
+ "background": {
3927
+ "$type": "color",
3928
+ "$value": "{df.theme.primary.50}"
3929
+ },
3930
+ "border": {
3931
+ "$type": "color",
3932
+ "$value": "{df.theme.neutral.110}"
3933
+ },
3934
+ "foreground": {
3935
+ "$type": "color",
3936
+ "$value": "{df.theme.neutral.110}"
3937
+ }
3938
+ }
3939
+ },
3940
+ "productName": {
3941
+ "alt": {
3942
+ "default": {
3943
+ "border": {
3944
+ "$type": "color",
3945
+ "$value": "{df.theme.primary.20}"
3946
+ },
3947
+ "foreground": {
3948
+ "$type": "color",
3949
+ "$value": "{df.theme.primary.20}"
3950
+ }
3951
+ },
3952
+ "hovered": {
3953
+ "background": {
3954
+ "$type": "color",
3955
+ "$value": "{df.theme.primary.90}"
3956
+ },
3957
+ "border": {
3958
+ "$type": "color",
3959
+ "$value": "{df.theme.primary.20}"
3960
+ },
3961
+ "foreground": {
3962
+ "$type": "color",
3963
+ "$value": "{df.theme.primary.20}"
3964
+ }
3965
+ },
3966
+ "pressed": {
3967
+ "background": {
3968
+ "$type": "color",
3969
+ "$value": "{df.theme.primary.80}"
3970
+ },
3971
+ "border": {
3972
+ "$type": "color",
3973
+ "$value": "{df.theme.primary.20}"
3974
+ },
3975
+ "foreground": {
3976
+ "$type": "color",
3977
+ "$value": "{df.theme.primary.20}"
3978
+ }
3979
+ }
3980
+ },
3981
+ "main": {
3982
+ "default": {
3983
+ "border": {
3984
+ "$type": "color",
3985
+ "$value": "{df.theme.neutral.110}"
3986
+ },
3987
+ "foreground": {
3988
+ "$type": "color",
3989
+ "$value": "{df.theme.neutral.110}"
3990
+ }
3991
+ },
3992
+ "hovered": {
3993
+ "background": {
3994
+ "$type": "color",
3995
+ "$value": "{df.theme.primary.40}"
3996
+ },
3997
+ "border": {
3998
+ "$type": "color",
3999
+ "$value": "{df.theme.neutral.110}"
4000
+ },
4001
+ "foreground": {
4002
+ "$type": "color",
4003
+ "$value": "{df.theme.neutral.110}"
4004
+ }
4005
+ },
4006
+ "pressed": {
4007
+ "background": {
4008
+ "$type": "color",
4009
+ "$value": "{df.theme.primary.50}"
4010
+ },
4011
+ "border": {
4012
+ "$type": "color",
4013
+ "$value": "{df.theme.neutral.110}"
4014
+ },
4015
+ "foreground": {
4016
+ "$type": "color",
4017
+ "$value": "{df.theme.neutral.110}"
4018
+ }
4019
+ }
4020
+ }
4021
+ }
4022
+ }
4023
+ },
4024
+ "badge": {
4025
+ "soft": {
4026
+ "color": {
4027
+ "chromatic1": {
4028
+ "default": {
4029
+ "border": {
4030
+ "$type": "color",
4031
+ "$value": "{df.theme.chromatic1.20}"
4032
+ }
4033
+ },
4034
+ "hovered": {
4035
+ "border": {
4036
+ "$type": "color",
4037
+ "$value": "{df.theme.chromatic1.20}"
4038
+ }
4039
+ },
4040
+ "pressed": {
4041
+ "border": {
4042
+ "$type": "color",
4043
+ "$value": "{df.theme.chromatic1.20}"
4044
+ }
4045
+ }
4046
+ },
4047
+ "chromatic2": {
4048
+ "default": {
4049
+ "border": {
4050
+ "$type": "color",
4051
+ "$value": "{df.theme.chromatic2.20}"
4052
+ }
4053
+ },
4054
+ "hovered": {
4055
+ "border": {
4056
+ "$type": "color",
4057
+ "$value": "{df.theme.chromatic2.20}"
4058
+ }
4059
+ },
4060
+ "pressed": {
4061
+ "border": {
4062
+ "$type": "color",
4063
+ "$value": "{df.theme.chromatic2.20}"
4064
+ }
4065
+ }
4066
+ },
4067
+ "danger": {
4068
+ "default": {
4069
+ "border": {
4070
+ "$type": "color",
4071
+ "$value": "{df.theme.danger.20}"
4072
+ }
4073
+ },
4074
+ "hovered": {
4075
+ "border": {
4076
+ "$type": "color",
4077
+ "$value": "{df.theme.danger.20}"
4078
+ }
4079
+ },
4080
+ "pressed": {
4081
+ "border": {
4082
+ "$type": "color",
4083
+ "$value": "{df.theme.danger.20}"
4084
+ }
4085
+ }
4086
+ },
4087
+ "info": {
4088
+ "default": {
4089
+ "border": {
4090
+ "$type": "color",
4091
+ "$value": "{df.theme.info.20}"
4092
+ }
4093
+ },
4094
+ "hovered": {
4095
+ "border": {
4096
+ "$type": "color",
4097
+ "$value": "{df.theme.info.20}"
4098
+ }
4099
+ },
4100
+ "pressed": {
4101
+ "border": {
4102
+ "$type": "color",
4103
+ "$value": "{df.theme.info.20}"
4104
+ }
4105
+ }
4106
+ },
4107
+ "neutral": {
4108
+ "default": {
4109
+ "border": {
4110
+ "$type": "color",
4111
+ "$value": "{df.theme.neutral.0}"
4112
+ }
4113
+ },
4114
+ "hovered": {
4115
+ "border": {
4116
+ "$type": "color",
4117
+ "$value": "{df.theme.neutral.0}"
4118
+ }
4119
+ },
4120
+ "pressed": {
4121
+ "border": {
4122
+ "$type": "color",
4123
+ "$value": "{df.theme.neutral.0}"
4124
+ }
4125
+ }
4126
+ },
4127
+ "success": {
4128
+ "default": {
4129
+ "border": {
4130
+ "$type": "color",
4131
+ "$value": "{df.theme.success.20}"
4132
+ }
4133
+ },
4134
+ "hovered": {
4135
+ "border": {
4136
+ "$type": "color",
4137
+ "$value": "{df.theme.success.20}"
4138
+ }
4139
+ },
4140
+ "pressed": {
4141
+ "border": {
4142
+ "$type": "color",
4143
+ "$value": "{df.theme.success.20}"
4144
+ }
4145
+ }
4146
+ },
4147
+ "tip": {
4148
+ "default": {
4149
+ "border": {
4150
+ "$type": "color",
4151
+ "$value": "{df.theme.tip.20}"
4152
+ }
4153
+ },
4154
+ "hovered": {
4155
+ "border": {
4156
+ "$type": "color",
4157
+ "$value": "{df.theme.tip.20}"
4158
+ }
4159
+ },
4160
+ "pressed": {
4161
+ "border": {
4162
+ "$type": "color",
4163
+ "$value": "{df.theme.tip.20}"
4164
+ }
4165
+ }
4166
+ },
4167
+ "warning": {
4168
+ "default": {
4169
+ "border": {
4170
+ "$type": "color",
4171
+ "$value": "{df.theme.warning.20}"
4172
+ }
4173
+ },
4174
+ "hovered": {
4175
+ "border": {
4176
+ "$type": "color",
4177
+ "$value": "{df.theme.warning.20}"
4178
+ }
4179
+ },
4180
+ "pressed": {
4181
+ "border": {
4182
+ "$type": "color",
4183
+ "$value": "{df.theme.warning.20}"
4184
+ }
4185
+ }
4186
+ }
4187
+ }
4188
+ }
4189
+ },
4190
+ "topnav": {
4191
+ "color": {
4192
+ "environmentBanner": {
4193
+ "soft": {
4194
+ "chromatic1": {
4195
+ "default": {
4196
+ "border": {
4197
+ "$type": "color",
4198
+ "$value": "{df.theme.chromatic1.20}"
4199
+ }
4200
+ },
4201
+ "hovered": {
4202
+ "border": {
4203
+ "$type": "color",
4204
+ "$value": "{df.theme.chromatic1.20}"
4205
+ }
4206
+ },
4207
+ "pressed": {
4208
+ "border": {
4209
+ "$type": "color",
4210
+ "$value": "{df.theme.chromatic1.20}"
4211
+ }
4212
+ }
4213
+ },
4214
+ "chromatic2": {
4215
+ "default": {
4216
+ "border": {
4217
+ "$type": "color",
4218
+ "$value": "{df.theme.chromatic2.20}"
4219
+ }
4220
+ },
4221
+ "hovered": {
4222
+ "border": {
4223
+ "$type": "color",
4224
+ "$value": "{df.theme.chromatic2.20}"
4225
+ }
4226
+ },
4227
+ "pressed": {
4228
+ "border": {
4229
+ "$type": "color",
4230
+ "$value": "{df.theme.chromatic2.20}"
4231
+ }
4232
+ }
4233
+ },
4234
+ "danger": {
4235
+ "default": {
4236
+ "border": {
4237
+ "$type": "color",
4238
+ "$value": "{df.theme.danger.20}"
4239
+ }
4240
+ },
4241
+ "hovered": {
4242
+ "border": {
4243
+ "$type": "color",
4244
+ "$value": "{df.theme.danger.20}"
4245
+ }
4246
+ },
4247
+ "pressed": {
4248
+ "border": {
4249
+ "$type": "color",
4250
+ "$value": "{df.theme.danger.20}"
4251
+ }
4252
+ }
4253
+ },
4254
+ "info": {
4255
+ "default": {
4256
+ "border": {
4257
+ "$type": "color",
4258
+ "$value": "{df.theme.info.20}"
4259
+ }
4260
+ },
4261
+ "hovered": {
4262
+ "border": {
4263
+ "$type": "color",
4264
+ "$value": "{df.theme.info.20}"
4265
+ }
4266
+ },
4267
+ "pressed": {
4268
+ "border": {
4269
+ "$type": "color",
4270
+ "$value": "{df.theme.info.20}"
4271
+ }
4272
+ }
4273
+ },
4274
+ "neutral": {
4275
+ "default": {
4276
+ "border": {
4277
+ "$type": "color",
4278
+ "$value": "{df.theme.neutral.0}"
4279
+ }
4280
+ },
4281
+ "hovered": {
4282
+ "border": {
4283
+ "$type": "color",
4284
+ "$value": "{df.theme.neutral.0}"
4285
+ }
4286
+ },
4287
+ "pressed": {
4288
+ "border": {
4289
+ "$type": "color",
4290
+ "$value": "{df.theme.neutral.0}"
4291
+ }
4292
+ }
4293
+ },
4294
+ "success": {
4295
+ "default": {
4296
+ "border": {
4297
+ "$type": "color",
4298
+ "$value": "{df.theme.success.20}"
4299
+ }
4300
+ },
4301
+ "hovered": {
4302
+ "border": {
4303
+ "$type": "color",
4304
+ "$value": "{df.theme.success.20}"
4305
+ }
4306
+ },
4307
+ "pressed": {
4308
+ "border": {
4309
+ "$type": "color",
4310
+ "$value": "{df.theme.success.20}"
4311
+ }
4312
+ }
4313
+ },
4314
+ "tip": {
4315
+ "default": {
4316
+ "border": {
4317
+ "$type": "color",
4318
+ "$value": "{df.theme.tip.20}"
4319
+ }
4320
+ },
4321
+ "hovered": {
4322
+ "border": {
4323
+ "$type": "color",
4324
+ "$value": "{df.theme.tip.20}"
4325
+ }
4326
+ },
4327
+ "pressed": {
4328
+ "border": {
4329
+ "$type": "color",
4330
+ "$value": "{df.theme.tip.20}"
4331
+ }
4332
+ }
4333
+ },
4334
+ "warning": {
4335
+ "default": {
4336
+ "border": {
4337
+ "$type": "color",
4338
+ "$value": "{df.theme.warning.20}"
4339
+ }
4340
+ },
4341
+ "hovered": {
4342
+ "border": {
4343
+ "$type": "color",
4344
+ "$value": "{df.theme.warning.20}"
4345
+ }
4346
+ },
4347
+ "pressed": {
4348
+ "border": {
4349
+ "$type": "color",
4350
+ "$value": "{df.theme.warning.20}"
4351
+ }
4352
+ }
4353
+ }
4354
+ }
4355
+ },
4356
+ "inert": {
4357
+ "basic": {
4358
+ "background": {
4359
+ "$type": "color",
4360
+ "$value": "{df.theme.primary.20}"
4361
+ },
4362
+ "foreground": {
4363
+ "$type": "color",
4364
+ "$value": "{df.theme.neutral.100}"
4365
+ }
4366
+ },
4367
+ "mirror": {
4368
+ "background": {
4369
+ "$type": "color",
4370
+ "$value": "{df.theme.neutral.100}"
4371
+ },
4372
+ "foreground": {
4373
+ "$type": "color",
4374
+ "$value": "{df.theme.primary.20}"
4375
+ }
4376
+ }
4377
+ },
4378
+ "mirror": {
4379
+ "disabled": {
4380
+ "background": {
4381
+ "$type": "color",
4382
+ "$value": "{df.theme.neutral.10}"
4383
+ },
4384
+ "border": {
4385
+ "$type": "color",
4386
+ "$value": "{df.theme.neutral.60}"
4387
+ },
4388
+ "foreground": {
4389
+ "$type": "color",
4390
+ "$value": "{df.theme.neutral.60}"
4391
+ }
4392
+ },
4393
+ "neutral": {
4394
+ "active": {
4395
+ "background": {
4396
+ "$type": "color",
4397
+ "$value": "{df.theme.neutral.30}"
4398
+ },
4399
+ "border": {
4400
+ "$type": "color",
4401
+ "$value": "{df.theme.neutral.110}"
4402
+ },
4403
+ "foreground": {
4404
+ "$type": "color",
4405
+ "$value": "{df.theme.neutral.110}"
4406
+ }
4407
+ },
4408
+ "activeFocus": {
4409
+ "background": {
4410
+ "$type": "color",
4411
+ "$value": "{df.theme.neutral.30}"
4412
+ },
4413
+ "border": {
4414
+ "$type": "color",
4415
+ "$value": "{df.theme.neutral.110}"
4416
+ },
4417
+ "foreground": {
4418
+ "$type": "color",
4419
+ "$value": "{df.theme.neutral.110}"
4420
+ }
4421
+ },
4422
+ "activeHovered": {
4423
+ "background": {
4424
+ "$type": "color",
4425
+ "$value": "{df.theme.neutral.20}"
4426
+ },
4427
+ "border": {
4428
+ "$type": "color",
4429
+ "$value": "{df.theme.neutral.100}"
4430
+ },
4431
+ "foreground": {
4432
+ "$type": "color",
4433
+ "$value": "{df.theme.neutral.100}"
4434
+ }
4435
+ },
4436
+ "activePressed": {
4437
+ "background": {
4438
+ "$type": "color",
4439
+ "$value": "{df.theme.neutral.30}"
4440
+ },
4441
+ "border": {
4442
+ "$type": "color",
4443
+ "$value": "{df.theme.neutral.110}"
4444
+ },
4445
+ "foreground": {
4446
+ "$type": "color",
4447
+ "$value": "{df.theme.neutral.110}"
4448
+ }
4449
+ },
4450
+ "default": {
4451
+ "background": {
4452
+ "$type": "color",
4453
+ "$value": "{df.theme.neutral.10}"
4454
+ },
4455
+ "border": {
4456
+ "$type": "color",
4457
+ "$value": "{df.theme.neutral.80}"
4458
+ },
4459
+ "foreground": {
4460
+ "$type": "color",
4461
+ "$value": "{df.theme.neutral.80}"
4462
+ }
4463
+ },
4464
+ "hovered": {
4465
+ "background": {
4466
+ "$type": "color",
4467
+ "$value": "{df.theme.neutral.20}"
4468
+ },
4469
+ "border": {
4470
+ "$type": "color",
4471
+ "$value": "{df.theme.neutral.100}"
4472
+ },
4473
+ "foreground": {
4474
+ "$type": "color",
4475
+ "$value": "{df.theme.neutral.100}"
4476
+ }
4477
+ },
4478
+ "pressed": {
4479
+ "background": {
4480
+ "$type": "color",
4481
+ "$value": "{df.theme.neutral.30}"
4482
+ },
4483
+ "border": {
4484
+ "$type": "color",
4485
+ "$value": "{df.theme.neutral.110}"
4486
+ },
4487
+ "foreground": {
4488
+ "$type": "color",
4489
+ "$value": "{df.theme.neutral.110}"
4490
+ }
4491
+ }
4492
+ },
4493
+ "primary": {
4494
+ "active": {
4495
+ "background": {
4496
+ "$type": "color",
4497
+ "$value": "{df.theme.primary.30}"
4498
+ },
4499
+ "border": {
4500
+ "$type": "color",
4501
+ "$value": "{df.theme.primary.90}"
4502
+ },
4503
+ "foreground": {
4504
+ "$type": "color",
4505
+ "$value": "{df.theme.primary.90}"
4506
+ }
4507
+ },
4508
+ "activeFocus": {
4509
+ "background": {
4510
+ "$type": "color",
4511
+ "$value": "{df.theme.primary.30}"
4512
+ },
4513
+ "border": {
4514
+ "$type": "color",
4515
+ "$value": "{df.theme.primary.90}"
4516
+ },
4517
+ "foreground": {
4518
+ "$type": "color",
4519
+ "$value": "{df.theme.primary.90}"
4520
+ }
4521
+ },
4522
+ "activeHovered": {
4523
+ "background": {
4524
+ "$type": "color",
4525
+ "$value": "{df.theme.primary.20}"
4526
+ },
4527
+ "border": {
4528
+ "$type": "color",
4529
+ "$value": "{df.theme.primary.80}"
4530
+ },
4531
+ "foreground": {
4532
+ "$type": "color",
4533
+ "$value": "{df.theme.primary.80}"
4534
+ }
4535
+ },
4536
+ "activePressed": {
4537
+ "background": {
4538
+ "$type": "color",
4539
+ "$value": "{df.theme.primary.30}"
4540
+ },
4541
+ "border": {
4542
+ "$type": "color",
4543
+ "$value": "{df.theme.primary.90}"
4544
+ },
4545
+ "foreground": {
4546
+ "$type": "color",
4547
+ "$value": "{df.theme.primary.90}"
4548
+ }
4549
+ },
4550
+ "default": {
4551
+ "background": {
4552
+ "$type": "color",
4553
+ "$value": "{df.theme.neutral.10}"
4554
+ },
4555
+ "border": {
4556
+ "$type": "color",
4557
+ "$value": "{df.theme.primary.60}"
4558
+ },
4559
+ "foreground": {
4560
+ "$type": "color",
4561
+ "$value": "{df.theme.primary.60}"
4562
+ }
4563
+ },
4564
+ "hovered": {
4565
+ "background": {
4566
+ "$type": "color",
4567
+ "$value": "{df.theme.primary.20}"
4568
+ },
4569
+ "border": {
4570
+ "$type": "color",
4571
+ "$value": "{df.theme.primary.80}"
4572
+ },
4573
+ "foreground": {
4574
+ "$type": "color",
4575
+ "$value": "{df.theme.primary.80}"
4576
+ }
4577
+ },
4578
+ "pressed": {
4579
+ "background": {
4580
+ "$type": "color",
4581
+ "$value": "{df.theme.primary.30}"
4582
+ },
4583
+ "border": {
4584
+ "$type": "color",
4585
+ "$value": "{df.theme.primary.90}"
4586
+ },
4587
+ "foreground": {
4588
+ "$type": "color",
4589
+ "$value": "{df.theme.primary.90}"
4590
+ }
4591
+ }
4592
+ }
4593
+ },
4594
+ "productName": {
4595
+ "mirror": {
4596
+ "neutral": {
4597
+ "default": {
4598
+ "background": {
4599
+ "$type": "color",
4600
+ "$value": "{df.theme.neutral.10}"
4601
+ },
4602
+ "border": {
4603
+ "$type": "color",
4604
+ "$value": "{df.theme.neutral.80}"
4605
+ },
4606
+ "foreground": {
4607
+ "$type": "color",
4608
+ "$value": "{df.theme.neutral.80}"
4609
+ }
4610
+ },
4611
+ "hovered": {
4612
+ "background": {
4613
+ "$type": "color",
4614
+ "$value": "{df.theme.neutral.20}"
4615
+ },
4616
+ "border": {
4617
+ "$type": "color",
4618
+ "$value": "{df.theme.neutral.100}"
4619
+ },
4620
+ "foreground": {
4621
+ "$type": "color",
4622
+ "$value": "{df.theme.neutral.100}"
4623
+ }
4624
+ },
4625
+ "pressed": {
4626
+ "background": {
4627
+ "$type": "color",
4628
+ "$value": "{df.theme.neutral.30}"
4629
+ },
4630
+ "border": {
4631
+ "$type": "color",
4632
+ "$value": "{df.theme.neutral.110}"
4633
+ },
4634
+ "foreground": {
4635
+ "$type": "color",
4636
+ "$value": "{df.theme.neutral.110}"
4637
+ }
4638
+ }
4639
+ },
4640
+ "primary": {
4641
+ "default": {
4642
+ "background": {
4643
+ "$type": "color",
4644
+ "$value": "{df.theme.neutral.10}"
4645
+ },
4646
+ "border": {
4647
+ "$type": "color",
4648
+ "$value": "{df.theme.neutral.80}"
4649
+ },
4650
+ "foreground": {
4651
+ "$type": "color",
4652
+ "$value": "{df.theme.neutral.80}"
4653
+ }
4654
+ },
4655
+ "hovered": {
4656
+ "background": {
4657
+ "$type": "color",
4658
+ "$value": "{df.theme.primary.20}"
4659
+ },
4660
+ "border": {
4661
+ "$type": "color",
4662
+ "$value": "{df.theme.primary.80}"
4663
+ },
4664
+ "foreground": {
4665
+ "$type": "color",
4666
+ "$value": "{df.theme.primary.80}"
4667
+ }
4668
+ },
4669
+ "pressed": {
4670
+ "background": {
4671
+ "$type": "color",
4672
+ "$value": "{df.theme.primary.30}"
4673
+ },
4674
+ "border": {
4675
+ "$type": "color",
4676
+ "$value": "{df.theme.primary.90}"
4677
+ },
4678
+ "foreground": {
4679
+ "$type": "color",
4680
+ "$value": "{df.theme.primary.90}"
4681
+ }
4682
+ }
4683
+ }
4684
+ }
4685
+ }
4686
+ }
4687
+ },
4688
+ "footer": {
4689
+ "color": {
4690
+ "inert": {
4691
+ "primary": {
4692
+ "background": {
4693
+ "$type": "color",
4694
+ "$value": "{df.theme.primary.20}"
4695
+ }
4696
+ }
4697
+ }
4698
+ }
4699
+ }
4700
+ }
4701
+ }
4702
+ }