@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.
package/figma/t3.json ADDED
@@ -0,0 +1,3416 @@
1
+ {
2
+ "df": {
3
+ "button": {
4
+ "solid": {
5
+ "basic": {
6
+ "color": {
7
+ "primary": {
8
+ "default": {
9
+ "background": {
10
+ "$type": "color",
11
+ "$value": "{df.color.primary.main.default.background}"
12
+ },
13
+ "foreground": {
14
+ "$type": "color",
15
+ "$value": "{df.color.primary.main.default.foreground}"
16
+ },
17
+ "border": {
18
+ "$type": "color",
19
+ "$value": "{df.color.primary.main.default.border}"
20
+ }
21
+ },
22
+ "hovered": {
23
+ "background": {
24
+ "$type": "color",
25
+ "$value": "{df.color.primary.main.hovered.background}"
26
+ },
27
+ "border": {
28
+ "$type": "color",
29
+ "$value": "{df.color.primary.main.hovered.border}"
30
+ },
31
+ "foreground": {
32
+ "$type": "color",
33
+ "$value": "{df.color.primary.main.default.foreground}"
34
+ }
35
+ },
36
+ "pressed": {
37
+ "background": {
38
+ "$type": "color",
39
+ "$value": "{df.color.primary.main.pressed.background}"
40
+ },
41
+ "border": {
42
+ "$type": "color",
43
+ "$value": "{df.color.primary.main.pressed.border}"
44
+ },
45
+ "foreground": {
46
+ "$type": "color",
47
+ "$value": "{df.color.primary.main.default.foreground}"
48
+ }
49
+ },
50
+ "active": {
51
+ "background": {
52
+ "$type": "color",
53
+ "$value": "{df.color.primary.main.active.background}"
54
+ },
55
+ "border": {
56
+ "$type": "color",
57
+ "$value": "{df.color.primary.main.active.border}"
58
+ },
59
+ "foreground": {
60
+ "$type": "color",
61
+ "$value": "{df.color.primary.main.default.foreground}"
62
+ }
63
+ },
64
+ "activeHovered": {
65
+ "background": {
66
+ "$type": "color",
67
+ "$value": "{df.color.primary.main.activeHovered.background}"
68
+ },
69
+ "border": {
70
+ "$type": "color",
71
+ "$value": "{df.color.primary.main.activeHovered.border}"
72
+ },
73
+ "foreground": {
74
+ "$type": "color",
75
+ "$value": "{df.color.primary.main.default.foreground}"
76
+ }
77
+ },
78
+ "activePressed": {
79
+ "background": {
80
+ "$type": "color",
81
+ "$value": "{df.color.primary.main.activePressed.background}"
82
+ },
83
+ "border": {
84
+ "$type": "color",
85
+ "$value": "{df.color.primary.main.activePressed.border}"
86
+ },
87
+ "foreground": {
88
+ "$type": "color",
89
+ "$value": "{df.color.primary.main.default.foreground}"
90
+ }
91
+ }
92
+ },
93
+ "danger": {
94
+ "default": {
95
+ "background": {
96
+ "$type": "color",
97
+ "$value": "{df.color.danger.main.default.background}"
98
+ },
99
+ "border": {
100
+ "$type": "color",
101
+ "$value": "{df.color.danger.main.default.border}"
102
+ },
103
+ "foreground": {
104
+ "$type": "color",
105
+ "$value": "{df.color.danger.main.default.foreground}"
106
+ }
107
+ },
108
+ "hovered": {
109
+ "background": {
110
+ "$type": "color",
111
+ "$value": "{df.color.danger.main.hovered.background}"
112
+ },
113
+ "border": {
114
+ "$type": "color",
115
+ "$value": "{df.color.danger.main.hovered.border}"
116
+ },
117
+ "foreground": {
118
+ "$type": "color",
119
+ "$value": "{df.color.danger.main.default.foreground}"
120
+ }
121
+ },
122
+ "pressed": {
123
+ "background": {
124
+ "$type": "color",
125
+ "$value": "{df.color.danger.main.pressed.background}"
126
+ },
127
+ "border": {
128
+ "$type": "color",
129
+ "$value": "{df.color.danger.main.pressed.border}"
130
+ },
131
+ "foreground": {
132
+ "$type": "color",
133
+ "$value": "{df.color.danger.main.default.foreground}"
134
+ }
135
+ },
136
+ "active": {
137
+ "background": {
138
+ "$type": "color",
139
+ "$value": "{df.color.danger.main.active.background}"
140
+ },
141
+ "border": {
142
+ "$type": "color",
143
+ "$value": "{df.color.danger.main.active.border}"
144
+ },
145
+ "foreground": {
146
+ "$type": "color",
147
+ "$value": "{df.color.danger.main.default.foreground}"
148
+ }
149
+ },
150
+ "activeHovered": {
151
+ "background": {
152
+ "$type": "color",
153
+ "$value": "{df.color.danger.main.activeHovered.background}"
154
+ },
155
+ "border": {
156
+ "$type": "color",
157
+ "$value": "{df.color.danger.main.activeHovered.border}"
158
+ },
159
+ "foreground": {
160
+ "$type": "color",
161
+ "$value": "{df.color.danger.main.default.foreground}"
162
+ }
163
+ },
164
+ "activePressed": {
165
+ "background": {
166
+ "$type": "color",
167
+ "$value": "{df.color.danger.main.activePressed.background}"
168
+ },
169
+ "border": {
170
+ "$type": "color",
171
+ "$value": "{df.color.danger.main.activePressed.border}"
172
+ },
173
+ "foreground": {
174
+ "$type": "color",
175
+ "$value": "{df.color.danger.main.default.foreground}"
176
+ }
177
+ }
178
+ },
179
+ "neutral": {
180
+ "default": {
181
+ "background": {
182
+ "$type": "color",
183
+ "$value": "{df.color.neutral.main.default.background}"
184
+ },
185
+ "border": {
186
+ "$type": "color",
187
+ "$value": "{df.color.neutral.main.default.border}"
188
+ },
189
+ "foreground": {
190
+ "$type": "color",
191
+ "$value": "{df.color.neutral.main.default.foreground}"
192
+ }
193
+ },
194
+ "hovered": {
195
+ "background": {
196
+ "$type": "color",
197
+ "$value": "{df.color.neutral.main.hovered.background}"
198
+ },
199
+ "border": {
200
+ "$type": "color",
201
+ "$value": "{df.color.neutral.main.hovered.border}"
202
+ },
203
+ "foreground": {
204
+ "$type": "color",
205
+ "$value": "{df.color.neutral.main.default.foreground}"
206
+ }
207
+ },
208
+ "pressed": {
209
+ "background": {
210
+ "$type": "color",
211
+ "$value": "{df.color.neutral.main.pressed.background}"
212
+ },
213
+ "border": {
214
+ "$type": "color",
215
+ "$value": "{df.color.neutral.main.pressed.border}"
216
+ },
217
+ "foreground": {
218
+ "$type": "color",
219
+ "$value": "{df.color.neutral.main.default.foreground}"
220
+ }
221
+ },
222
+ "active": {
223
+ "background": {
224
+ "$type": "color",
225
+ "$value": "{df.color.neutral.main.active.background}"
226
+ },
227
+ "border": {
228
+ "$type": "color",
229
+ "$value": "{df.color.neutral.main.active.border}"
230
+ },
231
+ "foreground": {
232
+ "$type": "color",
233
+ "$value": "{df.color.neutral.main.default.foreground}"
234
+ }
235
+ },
236
+ "activeHovered": {
237
+ "background": {
238
+ "$type": "color",
239
+ "$value": "{df.color.neutral.main.activeHovered.background}"
240
+ },
241
+ "border": {
242
+ "$type": "color",
243
+ "$value": "{df.color.neutral.main.hovered.border}"
244
+ },
245
+ "foreground": {
246
+ "$type": "color",
247
+ "$value": "{df.color.neutral.main.default.foreground}"
248
+ }
249
+ },
250
+ "activePressed": {
251
+ "background": {
252
+ "$type": "color",
253
+ "$value": "{df.color.neutral.main.activePressed.background}"
254
+ },
255
+ "border": {
256
+ "$type": "color",
257
+ "$value": "{df.color.neutral.main.active.border}"
258
+ },
259
+ "foreground": {
260
+ "$type": "color",
261
+ "$value": "{df.color.neutral.main.default.foreground}"
262
+ }
263
+ }
264
+ },
265
+ "disabled": {
266
+ "foreground": {
267
+ "$type": "color",
268
+ "$value": "{df.color.disabled.alt.foreground}"
269
+ },
270
+ "background": {
271
+ "$type": "color",
272
+ "$value": "{df.color.disabled.alt.background}"
273
+ }
274
+ }
275
+ }
276
+ },
277
+ "mirror": {
278
+ "color": {
279
+ "primary": {
280
+ "default": {
281
+ "border": {
282
+ "$type": "color",
283
+ "$value": "{internal.df.button.onDark.primary.main.default.border}"
284
+ },
285
+ "background": {
286
+ "$type": "color",
287
+ "$value": "{internal.df.button.onDark.primary.main.default.background}"
288
+ },
289
+ "foreground": {
290
+ "$type": "color",
291
+ "$value": "{internal.df.button.onDark.primary.main.default.foreground}"
292
+ }
293
+ },
294
+ "hovered": {
295
+ "border": {
296
+ "$type": "color",
297
+ "$value": "{internal.df.button.onDark.primary.main.hovered.border}"
298
+ },
299
+ "background": {
300
+ "$type": "color",
301
+ "$value": "{internal.df.button.onDark.primary.main.hovered.background}"
302
+ },
303
+ "foreground": {
304
+ "$type": "color",
305
+ "$value": "{internal.df.button.onDark.primary.main.hovered.foreground}"
306
+ }
307
+ },
308
+ "active": {
309
+ "border": {
310
+ "$type": "color",
311
+ "$value": "{internal.df.button.onDark.primary.main.hovered.border}"
312
+ },
313
+ "background": {
314
+ "$type": "color",
315
+ "$value": "{internal.df.button.onDark.primary.main.hovered.background}"
316
+ },
317
+ "foreground": {
318
+ "$type": "color",
319
+ "$value": "{internal.df.button.onDark.primary.main.hovered.foreground}"
320
+ }
321
+ },
322
+ "pressed": {
323
+ "border": {
324
+ "$type": "color",
325
+ "$value": "{internal.df.button.onDark.primary.main.pressed.border}"
326
+ },
327
+ "background": {
328
+ "$type": "color",
329
+ "$value": "{internal.df.button.onDark.primary.main.pressed.background}"
330
+ },
331
+ "foreground": {
332
+ "$type": "color",
333
+ "$value": "{internal.df.button.onDark.primary.main.pressed.foreground}"
334
+ }
335
+ },
336
+ "activeHovered": {
337
+ "border": {
338
+ "$type": "color",
339
+ "$value": "{internal.df.button.onDark.primary.main.activeHovered.border}"
340
+ },
341
+ "background": {
342
+ "$type": "color",
343
+ "$value": "{internal.df.button.onDark.primary.main.activeHovered.background}"
344
+ },
345
+ "foreground": {
346
+ "$type": "color",
347
+ "$value": "{internal.df.button.onDark.primary.main.activeHovered.foreground}"
348
+ }
349
+ },
350
+ "activePressed": {
351
+ "border": {
352
+ "$type": "color",
353
+ "$value": "{internal.df.button.onDark.primary.main.activePressed.border}"
354
+ },
355
+ "background": {
356
+ "$type": "color",
357
+ "$value": "{internal.df.button.onDark.primary.main.activePressed.background}"
358
+ },
359
+ "foreground": {
360
+ "$type": "color",
361
+ "$value": "{internal.df.button.onDark.primary.main.activePressed.foreground}"
362
+ }
363
+ }
364
+ },
365
+ "danger": {
366
+ "default": {
367
+ "border": {
368
+ "$type": "color",
369
+ "$value": "{internal.df.button.onDark.danger.main.default.border}"
370
+ },
371
+ "background": {
372
+ "$type": "color",
373
+ "$value": "{internal.df.button.onDark.danger.main.default.background}"
374
+ },
375
+ "foreground": {
376
+ "$type": "color",
377
+ "$value": "{internal.df.button.onDark.danger.main.default.foreground}"
378
+ }
379
+ },
380
+ "hovered": {
381
+ "border": {
382
+ "$type": "color",
383
+ "$value": "{internal.df.button.onDark.danger.main.hovered.border}"
384
+ },
385
+ "background": {
386
+ "$type": "color",
387
+ "$value": "{internal.df.button.onDark.danger.main.hovered.background}"
388
+ },
389
+ "foreground": {
390
+ "$type": "color",
391
+ "$value": "{internal.df.button.onDark.danger.main.hovered.foreground}"
392
+ }
393
+ },
394
+ "pressed": {
395
+ "border": {
396
+ "$type": "color",
397
+ "$value": "{internal.df.button.onDark.danger.main.pressed.border}"
398
+ },
399
+ "background": {
400
+ "$type": "color",
401
+ "$value": "{internal.df.button.onDark.danger.main.pressed.background}"
402
+ },
403
+ "foreground": {
404
+ "$type": "color",
405
+ "$value": "{internal.df.button.onDark.danger.main.pressed.foreground}"
406
+ }
407
+ },
408
+ "active": {
409
+ "border": {
410
+ "$type": "color",
411
+ "$value": "{internal.df.button.onDark.danger.main.active.border}"
412
+ },
413
+ "background": {
414
+ "$type": "color",
415
+ "$value": "{internal.df.button.onDark.danger.main.active.background}"
416
+ },
417
+ "foreground": {
418
+ "$type": "color",
419
+ "$value": "{internal.df.button.onDark.danger.main.active.foreground}"
420
+ }
421
+ },
422
+ "activeHovered": {
423
+ "border": {
424
+ "$type": "color",
425
+ "$value": "{internal.df.button.onDark.danger.main.activeHovered.border}"
426
+ },
427
+ "background": {
428
+ "$type": "color",
429
+ "$value": "{internal.df.button.onDark.danger.main.activeHovered.background}"
430
+ },
431
+ "foreground": {
432
+ "$type": "color",
433
+ "$value": "{internal.df.button.onDark.danger.main.activeHovered.foreground}"
434
+ }
435
+ },
436
+ "activePressed": {
437
+ "border": {
438
+ "$type": "color",
439
+ "$value": "{internal.df.button.onDark.danger.main.activePressed.border}"
440
+ },
441
+ "background": {
442
+ "$type": "color",
443
+ "$value": "{internal.df.button.onDark.danger.main.activePressed.background}"
444
+ },
445
+ "foreground": {
446
+ "$type": "color",
447
+ "$value": "{internal.df.button.onDark.danger.main.activePressed.foreground}"
448
+ }
449
+ }
450
+ },
451
+ "neutral": {
452
+ "default": {
453
+ "foreground": {
454
+ "$type": "color",
455
+ "$value": "{internal.df.button.onDark.neutral.main.default.foreground}"
456
+ },
457
+ "border": {
458
+ "$type": "color",
459
+ "$value": "{internal.df.button.onDark.neutral.main.default.border}"
460
+ },
461
+ "background": {
462
+ "$type": "color",
463
+ "$value": "{internal.df.button.onDark.neutral.main.default.background}"
464
+ }
465
+ },
466
+ "hovered": {
467
+ "foreground": {
468
+ "$type": "color",
469
+ "$value": "{internal.df.button.onDark.neutral.main.hovered.foreground}"
470
+ },
471
+ "border": {
472
+ "$type": "color",
473
+ "$value": "{internal.df.button.onDark.neutral.main.hovered.border}"
474
+ },
475
+ "background": {
476
+ "$type": "color",
477
+ "$value": "{internal.df.button.onDark.neutral.main.hovered.background}"
478
+ }
479
+ },
480
+ "pressed": {
481
+ "foreground": {
482
+ "$type": "color",
483
+ "$value": "{internal.df.button.onDark.neutral.main.pressed.foreground}"
484
+ },
485
+ "border": {
486
+ "$type": "color",
487
+ "$value": "{internal.df.button.onDark.neutral.main.pressed.border}"
488
+ },
489
+ "background": {
490
+ "$type": "color",
491
+ "$value": "{internal.df.button.onDark.neutral.main.pressed.background}"
492
+ }
493
+ },
494
+ "active": {
495
+ "foreground": {
496
+ "$type": "color",
497
+ "$value": "{internal.df.button.onDark.neutral.main.active.foreground}"
498
+ },
499
+ "border": {
500
+ "$type": "color",
501
+ "$value": "{internal.df.button.onDark.neutral.main.active.border}"
502
+ },
503
+ "background": {
504
+ "$type": "color",
505
+ "$value": "{internal.df.button.onDark.neutral.main.active.background}"
506
+ }
507
+ },
508
+ "activeHovered": {
509
+ "foreground": {
510
+ "$type": "color",
511
+ "$value": "{internal.df.button.onDark.neutral.main.activeHovered.foreground}"
512
+ },
513
+ "border": {
514
+ "$type": "color",
515
+ "$value": "{internal.df.button.onDark.neutral.main.activeHovered.border}"
516
+ },
517
+ "background": {
518
+ "$type": "color",
519
+ "$value": "{internal.df.button.onDark.neutral.main.activeHovered.background}"
520
+ }
521
+ },
522
+ "activePressed": {
523
+ "foreground": {
524
+ "$type": "color",
525
+ "$value": "{internal.df.button.onDark.neutral.main.activePressed.foreground}"
526
+ },
527
+ "border": {
528
+ "$type": "color",
529
+ "$value": "{internal.df.button.onDark.neutral.main.activePressed.border}"
530
+ },
531
+ "background": {
532
+ "$type": "color",
533
+ "$value": "{internal.df.button.onDark.neutral.main.activePressed.background}"
534
+ }
535
+ }
536
+ },
537
+ "disabled": {
538
+ "background": {
539
+ "$type": "color",
540
+ "$value": "{internal.df.button.onDark.disabled.main.background}"
541
+ },
542
+ "foreground": {
543
+ "$type": "color",
544
+ "$value": "{internal.df.button.onDark.disabled.main.foreground}"
545
+ }
546
+ }
547
+ }
548
+ }
549
+ },
550
+ "outline": {
551
+ "basic": {
552
+ "color": {
553
+ "primary": {
554
+ "default": {
555
+ "border": {
556
+ "$type": "color",
557
+ "$value": "{df.color.primary.alt.default.border}"
558
+ },
559
+ "foreground": {
560
+ "$type": "color",
561
+ "$value": "{df.color.primary.alt.default.foreground}"
562
+ },
563
+ "background": {
564
+ "$type": "color",
565
+ "$value": "{df.color.primary.alt.default.background}"
566
+ }
567
+ },
568
+ "hovered": {
569
+ "border": {
570
+ "$type": "color",
571
+ "$value": "{df.color.primary.alt.hovered.border}"
572
+ },
573
+ "foreground": {
574
+ "$type": "color",
575
+ "$value": "{df.color.primary.alt.hovered.foreground}"
576
+ },
577
+ "background": {
578
+ "$type": "color",
579
+ "$value": "{df.color.primary.alt.hovered.background}"
580
+ }
581
+ },
582
+ "pressed": {
583
+ "border": {
584
+ "$type": "color",
585
+ "$value": "{df.color.primary.alt.pressed.border}"
586
+ },
587
+ "foreground": {
588
+ "$type": "color",
589
+ "$value": "{df.color.primary.alt.pressed.foreground}"
590
+ },
591
+ "background": {
592
+ "$type": "color",
593
+ "$value": "{df.color.primary.alt.pressed.background}"
594
+ }
595
+ },
596
+ "active": {
597
+ "border": {
598
+ "$type": "color",
599
+ "$value": "{df.color.primary.alt.active.border}"
600
+ },
601
+ "foreground": {
602
+ "$type": "color",
603
+ "$value": "{df.color.primary.alt.active.foreground}"
604
+ },
605
+ "background": {
606
+ "$type": "color",
607
+ "$value": "{df.color.primary.alt.active.background}"
608
+ }
609
+ },
610
+ "activeHovered": {
611
+ "border": {
612
+ "$type": "color",
613
+ "$value": "{df.color.primary.alt.activeHovered.border}"
614
+ },
615
+ "foreground": {
616
+ "$type": "color",
617
+ "$value": "{df.color.primary.alt.activeHovered.foreground}"
618
+ },
619
+ "background": {
620
+ "$type": "color",
621
+ "$value": "{df.color.primary.alt.activeHovered.background}"
622
+ }
623
+ },
624
+ "activePressed": {
625
+ "border": {
626
+ "$type": "color",
627
+ "$value": "{df.color.primary.alt.activePressed.border}"
628
+ },
629
+ "foreground": {
630
+ "$type": "color",
631
+ "$value": "{df.color.primary.alt.activePressed.foreground}"
632
+ },
633
+ "background": {
634
+ "$type": "color",
635
+ "$value": "{df.color.primary.alt.activePressed.background}"
636
+ }
637
+ }
638
+ },
639
+ "danger": {
640
+ "default": {
641
+ "border": {
642
+ "$type": "color",
643
+ "$value": "{df.color.danger.alt.default.border}"
644
+ },
645
+ "foreground": {
646
+ "$type": "color",
647
+ "$value": "{df.color.danger.alt.default.foreground}"
648
+ },
649
+ "background": {
650
+ "$type": "color",
651
+ "$value": "{df.color.danger.alt.default.background}"
652
+ }
653
+ },
654
+ "hovered": {
655
+ "border": {
656
+ "$type": "color",
657
+ "$value": "{df.color.danger.alt.hovered.border}"
658
+ },
659
+ "foreground": {
660
+ "$type": "color",
661
+ "$value": "{df.color.danger.alt.hovered.foreground}"
662
+ },
663
+ "background": {
664
+ "$type": "color",
665
+ "$value": "{df.color.danger.alt.hovered.background}"
666
+ }
667
+ },
668
+ "pressed": {
669
+ "border": {
670
+ "$type": "color",
671
+ "$value": "{df.color.danger.alt.pressed.border}"
672
+ },
673
+ "foreground": {
674
+ "$type": "color",
675
+ "$value": "{df.color.danger.alt.pressed.foreground}"
676
+ },
677
+ "background": {
678
+ "$type": "color",
679
+ "$value": "{df.color.danger.alt.pressed.background}"
680
+ }
681
+ },
682
+ "active": {
683
+ "border": {
684
+ "$type": "color",
685
+ "$value": "{df.color.danger.alt.active.border}"
686
+ },
687
+ "foreground": {
688
+ "$type": "color",
689
+ "$value": "{df.color.danger.alt.active.foreground}"
690
+ },
691
+ "background": {
692
+ "$type": "color",
693
+ "$value": "{df.color.danger.alt.active.background}"
694
+ }
695
+ },
696
+ "activeHovered": {
697
+ "border": {
698
+ "$type": "color",
699
+ "$value": "{df.color.danger.alt.activeHovered.border}"
700
+ },
701
+ "foreground": {
702
+ "$type": "color",
703
+ "$value": "{df.color.danger.alt.activeHovered.foreground}"
704
+ },
705
+ "background": {
706
+ "$type": "color",
707
+ "$value": "{df.color.danger.alt.activeHovered.background}"
708
+ }
709
+ },
710
+ "activePressed": {
711
+ "border": {
712
+ "$type": "color",
713
+ "$value": "{df.color.danger.alt.activePressed.border}"
714
+ },
715
+ "foreground": {
716
+ "$type": "color",
717
+ "$value": "{df.color.danger.alt.activePressed.foreground}"
718
+ },
719
+ "background": {
720
+ "$type": "color",
721
+ "$value": "{df.color.danger.alt.activePressed.background}"
722
+ }
723
+ }
724
+ },
725
+ "neutral": {
726
+ "default": {
727
+ "border": {
728
+ "$type": "color",
729
+ "$value": "{df.color.neutral.alt.default.border}"
730
+ },
731
+ "foreground": {
732
+ "$type": "color",
733
+ "$value": "{df.color.neutral.alt.default.foreground}"
734
+ },
735
+ "background": {
736
+ "$type": "color",
737
+ "$value": "{df.color.neutral.alt.default.background}"
738
+ }
739
+ },
740
+ "hovered": {
741
+ "border": {
742
+ "$type": "color",
743
+ "$value": "{df.color.neutral.alt.hovered.border}"
744
+ },
745
+ "foreground": {
746
+ "$type": "color",
747
+ "$value": "{df.color.neutral.alt.hovered.foreground}"
748
+ },
749
+ "background": {
750
+ "$type": "color",
751
+ "$value": "{df.color.neutral.alt.hovered.background}"
752
+ }
753
+ },
754
+ "pressed": {
755
+ "border": {
756
+ "$type": "color",
757
+ "$value": "{df.color.neutral.alt.pressed.border}"
758
+ },
759
+ "foreground": {
760
+ "$type": "color",
761
+ "$value": "{df.color.neutral.alt.pressed.foreground}"
762
+ },
763
+ "background": {
764
+ "$type": "color",
765
+ "$value": "{df.color.neutral.alt.pressed.background}"
766
+ }
767
+ },
768
+ "active": {
769
+ "border": {
770
+ "$type": "color",
771
+ "$value": "{df.color.neutral.alt.active.border}"
772
+ },
773
+ "foreground": {
774
+ "$type": "color",
775
+ "$value": "{df.color.neutral.alt.active.foreground}"
776
+ },
777
+ "background": {
778
+ "$type": "color",
779
+ "$value": "{df.color.neutral.alt.active.background}"
780
+ }
781
+ },
782
+ "activeHovered": {
783
+ "border": {
784
+ "$type": "color",
785
+ "$value": "{df.color.neutral.alt.activeHovered.border}"
786
+ },
787
+ "foreground": {
788
+ "$type": "color",
789
+ "$value": "{df.color.neutral.alt.activeHovered.foreground}"
790
+ },
791
+ "background": {
792
+ "$type": "color",
793
+ "$value": "{df.color.neutral.alt.activeHovered.background}"
794
+ }
795
+ },
796
+ "activePressed": {
797
+ "border": {
798
+ "$type": "color",
799
+ "$value": "{df.color.neutral.alt.activePressed.border}"
800
+ },
801
+ "background": {
802
+ "$type": "color",
803
+ "$value": "{df.color.neutral.alt.activePressed.background}"
804
+ },
805
+ "foreground": {
806
+ "$type": "color",
807
+ "$value": "{df.color.neutral.alt.activePressed.foreground}"
808
+ }
809
+ }
810
+ },
811
+ "disabled": {
812
+ "foreground": {
813
+ "$type": "color",
814
+ "$value": "{df.color.disabled.main.foreground}"
815
+ },
816
+ "background": {
817
+ "$type": "color",
818
+ "$value": "{df.color.disabled.main.background}"
819
+ },
820
+ "border": {
821
+ "$type": "color",
822
+ "$value": "{df.color.disabled.main.border}"
823
+ }
824
+ }
825
+ }
826
+ },
827
+ "mirror": {
828
+ "color": {
829
+ "primary": {
830
+ "default": {
831
+ "foreground": {
832
+ "$type": "color",
833
+ "$value": "{internal.df.button.onDark.primary.alt.default.foreground}"
834
+ },
835
+ "background": {
836
+ "$type": "color",
837
+ "$value": "{internal.df.button.onDark.primary.alt.default.background}"
838
+ },
839
+ "border": {
840
+ "$type": "color",
841
+ "$value": "{internal.df.button.onDark.primary.alt.default.border}"
842
+ }
843
+ },
844
+ "hovered": {
845
+ "foreground": {
846
+ "$type": "color",
847
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.foreground}"
848
+ },
849
+ "background": {
850
+ "$type": "color",
851
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.background}"
852
+ },
853
+ "border": {
854
+ "$type": "color",
855
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.border}"
856
+ }
857
+ },
858
+ "pressed": {
859
+ "foreground": {
860
+ "$type": "color",
861
+ "$value": "{internal.df.button.onDark.primary.alt.pressed.foreground}"
862
+ },
863
+ "background": {
864
+ "$type": "color",
865
+ "$value": "{internal.df.button.onDark.primary.alt.pressed.background}"
866
+ },
867
+ "border": {
868
+ "$type": "color",
869
+ "$value": "{internal.df.button.onDark.primary.alt.pressed.border}"
870
+ }
871
+ },
872
+ "active": {
873
+ "foreground": {
874
+ "$type": "color",
875
+ "$value": "{internal.df.button.onDark.primary.alt.active.foreground}"
876
+ },
877
+ "background": {
878
+ "$type": "color",
879
+ "$value": "{internal.df.button.onDark.primary.alt.active.background}"
880
+ },
881
+ "border": {
882
+ "$type": "color",
883
+ "$value": "{internal.df.button.onDark.primary.alt.active.border}"
884
+ }
885
+ },
886
+ "activeHovered": {
887
+ "foreground": {
888
+ "$type": "color",
889
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.foreground}"
890
+ },
891
+ "background": {
892
+ "$type": "color",
893
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.background}"
894
+ },
895
+ "border": {
896
+ "$type": "color",
897
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.border}"
898
+ }
899
+ },
900
+ "activePressed": {
901
+ "foreground": {
902
+ "$type": "color",
903
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.foreground}"
904
+ },
905
+ "background": {
906
+ "$type": "color",
907
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.background}"
908
+ },
909
+ "border": {
910
+ "$type": "color",
911
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.border}"
912
+ }
913
+ }
914
+ },
915
+ "danger": {
916
+ "default": {
917
+ "foreground": {
918
+ "$type": "color",
919
+ "$value": "{internal.df.button.onDark.danger.alt.default.foreground}"
920
+ },
921
+ "background": {
922
+ "$type": "color",
923
+ "$value": "{internal.df.button.onDark.danger.alt.default.background}"
924
+ },
925
+ "border": {
926
+ "$type": "color",
927
+ "$value": "{internal.df.button.onDark.danger.alt.default.border}"
928
+ }
929
+ },
930
+ "hovered": {
931
+ "foreground": {
932
+ "$type": "color",
933
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.foreground}"
934
+ },
935
+ "background": {
936
+ "$type": "color",
937
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.background}"
938
+ },
939
+ "border": {
940
+ "$type": "color",
941
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.border}"
942
+ }
943
+ },
944
+ "pressed": {
945
+ "foreground": {
946
+ "$type": "color",
947
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.foreground}"
948
+ },
949
+ "background": {
950
+ "$type": "color",
951
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.background}"
952
+ },
953
+ "border": {
954
+ "$type": "color",
955
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.border}"
956
+ }
957
+ },
958
+ "active": {
959
+ "foreground": {
960
+ "$type": "color",
961
+ "$value": "{internal.df.button.onDark.danger.alt.active.foreground}"
962
+ },
963
+ "background": {
964
+ "$type": "color",
965
+ "$value": "{internal.df.button.onDark.danger.alt.active.background}"
966
+ },
967
+ "border": {
968
+ "$type": "color",
969
+ "$value": "{internal.df.button.onDark.danger.alt.active.border}"
970
+ }
971
+ },
972
+ "activeHovered": {
973
+ "foreground": {
974
+ "$type": "color",
975
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.foreground}"
976
+ },
977
+ "background": {
978
+ "$type": "color",
979
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.background}"
980
+ },
981
+ "border": {
982
+ "$type": "color",
983
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.border}"
984
+ }
985
+ },
986
+ "activePressed": {
987
+ "foreground": {
988
+ "$type": "color",
989
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.foreground}"
990
+ },
991
+ "background": {
992
+ "$type": "color",
993
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.background}"
994
+ },
995
+ "border": {
996
+ "$type": "color",
997
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.border}"
998
+ }
999
+ }
1000
+ },
1001
+ "neutral": {
1002
+ "default": {
1003
+ "foreground": {
1004
+ "$type": "color",
1005
+ "$value": "{internal.df.button.onDark.neutral.alt.default.foreground}"
1006
+ },
1007
+ "border": {
1008
+ "$type": "color",
1009
+ "$value": "{internal.df.button.onDark.neutral.alt.default.border}"
1010
+ },
1011
+ "background": {
1012
+ "$type": "color",
1013
+ "$value": "{internal.df.button.onDark.neutral.alt.default.background}"
1014
+ }
1015
+ },
1016
+ "hovered": {
1017
+ "background": {
1018
+ "$type": "color",
1019
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.background}"
1020
+ },
1021
+ "foreground": {
1022
+ "$type": "color",
1023
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.foreground}"
1024
+ },
1025
+ "border": {
1026
+ "$type": "color",
1027
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.border}"
1028
+ }
1029
+ },
1030
+ "pressed": {
1031
+ "background": {
1032
+ "$type": "color",
1033
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.background}"
1034
+ },
1035
+ "foreground": {
1036
+ "$type": "color",
1037
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.foreground}"
1038
+ },
1039
+ "border": {
1040
+ "$type": "color",
1041
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.border}"
1042
+ }
1043
+ },
1044
+ "active": {
1045
+ "background": {
1046
+ "$type": "color",
1047
+ "$value": "{internal.df.button.onDark.neutral.alt.active.background}"
1048
+ },
1049
+ "foreground": {
1050
+ "$type": "color",
1051
+ "$value": "{internal.df.button.onDark.neutral.alt.active.foreground}"
1052
+ },
1053
+ "border": {
1054
+ "$type": "color",
1055
+ "$value": "{internal.df.button.onDark.neutral.alt.active.border}"
1056
+ }
1057
+ },
1058
+ "activeHovered": {
1059
+ "background": {
1060
+ "$type": "color",
1061
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.background}"
1062
+ },
1063
+ "foreground": {
1064
+ "$type": "color",
1065
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.foreground}"
1066
+ },
1067
+ "border": {
1068
+ "$type": "color",
1069
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.border}"
1070
+ }
1071
+ },
1072
+ "activePressed": {
1073
+ "background": {
1074
+ "$type": "color",
1075
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.background}"
1076
+ },
1077
+ "foreground": {
1078
+ "$type": "color",
1079
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.foreground}"
1080
+ },
1081
+ "border": {
1082
+ "$type": "color",
1083
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.border}"
1084
+ }
1085
+ }
1086
+ },
1087
+ "disabled": {
1088
+ "border": {
1089
+ "$type": "color",
1090
+ "$value": "{internal.df.button.onDark.disabled.alt.border}"
1091
+ },
1092
+ "foreground": {
1093
+ "$type": "color",
1094
+ "$value": "{internal.df.button.onDark.disabled.alt.foreground}"
1095
+ },
1096
+ "background": {
1097
+ "$type": "color",
1098
+ "$value": "{internal.df.button.onDark.disabled.alt.background}"
1099
+ }
1100
+ }
1101
+ }
1102
+ }
1103
+ },
1104
+ "text": {
1105
+ "basic": {
1106
+ "color": {
1107
+ "primary": {
1108
+ "default": {
1109
+ "foreground": {
1110
+ "$type": "color",
1111
+ "$value": "{df.color.primary.alt.default.foreground}"
1112
+ },
1113
+ "background": {
1114
+ "$type": "color",
1115
+ "$value": "{df.color.primary.alt.default.background}"
1116
+ },
1117
+ "border": {
1118
+ "$type": "color",
1119
+ "$value": "{df.color.primary.alt.default.border}"
1120
+ }
1121
+ },
1122
+ "hovered": {
1123
+ "foreground": {
1124
+ "$type": "color",
1125
+ "$value": "{df.color.primary.alt.hovered.foreground}"
1126
+ },
1127
+ "background": {
1128
+ "$type": "color",
1129
+ "$value": "{df.color.primary.alt.hovered.background}"
1130
+ },
1131
+ "border": {
1132
+ "$type": "color",
1133
+ "$value": "{df.color.primary.alt.hovered.border}"
1134
+ }
1135
+ },
1136
+ "pressed": {
1137
+ "foreground": {
1138
+ "$type": "color",
1139
+ "$value": "{df.color.primary.alt.pressed.foreground}"
1140
+ },
1141
+ "background": {
1142
+ "$type": "color",
1143
+ "$value": "{df.color.primary.alt.pressed.background}"
1144
+ },
1145
+ "border": {
1146
+ "$type": "color",
1147
+ "$value": "{df.color.primary.alt.pressed.border}"
1148
+ }
1149
+ },
1150
+ "active": {
1151
+ "foreground": {
1152
+ "$type": "color",
1153
+ "$value": "{df.color.primary.alt.active.foreground}"
1154
+ },
1155
+ "background": {
1156
+ "$type": "color",
1157
+ "$value": "{df.color.primary.alt.active.background}"
1158
+ },
1159
+ "border": {
1160
+ "$type": "color",
1161
+ "$value": "{df.color.primary.alt.active.border}"
1162
+ }
1163
+ },
1164
+ "activeHovered": {
1165
+ "foreground": {
1166
+ "$type": "color",
1167
+ "$value": "{df.color.primary.alt.activeHovered.foreground}"
1168
+ },
1169
+ "background": {
1170
+ "$type": "color",
1171
+ "$value": "{df.color.primary.alt.activeHovered.background}"
1172
+ },
1173
+ "border": {
1174
+ "$type": "color",
1175
+ "$value": "{df.color.primary.alt.activeHovered.border}"
1176
+ }
1177
+ },
1178
+ "activePressed": {
1179
+ "foreground": {
1180
+ "$type": "color",
1181
+ "$value": "{df.color.primary.alt.activePressed.foreground}"
1182
+ },
1183
+ "background": {
1184
+ "$type": "color",
1185
+ "$value": "{df.color.primary.alt.activePressed.background}"
1186
+ },
1187
+ "border": {
1188
+ "$type": "color",
1189
+ "$value": "{df.color.primary.alt.activePressed.border}"
1190
+ }
1191
+ }
1192
+ },
1193
+ "danger": {
1194
+ "default": {
1195
+ "foreground": {
1196
+ "$type": "color",
1197
+ "$value": "{df.color.danger.alt.default.foreground}"
1198
+ },
1199
+ "background": {
1200
+ "$type": "color",
1201
+ "$value": "{df.color.danger.alt.default.background}"
1202
+ },
1203
+ "border": {
1204
+ "$type": "color",
1205
+ "$value": "{df.color.danger.alt.default.border}"
1206
+ }
1207
+ },
1208
+ "hovered": {
1209
+ "foreground": {
1210
+ "$type": "color",
1211
+ "$value": "{df.color.danger.alt.hovered.foreground}"
1212
+ },
1213
+ "background": {
1214
+ "$type": "color",
1215
+ "$value": "{df.color.danger.alt.hovered.background}"
1216
+ },
1217
+ "border": {
1218
+ "$type": "color",
1219
+ "$value": "{df.color.danger.alt.hovered.border}"
1220
+ }
1221
+ },
1222
+ "pressed": {
1223
+ "foreground": {
1224
+ "$type": "color",
1225
+ "$value": "{df.color.danger.alt.pressed.foreground}"
1226
+ },
1227
+ "background": {
1228
+ "$type": "color",
1229
+ "$value": "{df.color.danger.alt.pressed.background}"
1230
+ },
1231
+ "border": {
1232
+ "$type": "color",
1233
+ "$value": "{df.color.danger.alt.pressed.border}"
1234
+ }
1235
+ },
1236
+ "active": {
1237
+ "foreground": {
1238
+ "$type": "color",
1239
+ "$value": "{df.color.danger.alt.active.foreground}"
1240
+ },
1241
+ "background": {
1242
+ "$type": "color",
1243
+ "$value": "{df.color.danger.alt.active.background}"
1244
+ },
1245
+ "border": {
1246
+ "$type": "color",
1247
+ "$value": "{df.color.danger.alt.active.border}"
1248
+ }
1249
+ },
1250
+ "activeHovered": {
1251
+ "foreground": {
1252
+ "$type": "color",
1253
+ "$value": "{df.color.danger.alt.activeHovered.foreground}"
1254
+ },
1255
+ "background": {
1256
+ "$type": "color",
1257
+ "$value": "{df.color.danger.alt.activeHovered.background}"
1258
+ },
1259
+ "border": {
1260
+ "$type": "color",
1261
+ "$value": "{df.color.danger.alt.activeHovered.border}"
1262
+ }
1263
+ },
1264
+ "activePressed": {
1265
+ "foreground": {
1266
+ "$type": "color",
1267
+ "$value": "{df.color.danger.alt.activePressed.foreground}"
1268
+ },
1269
+ "background": {
1270
+ "$type": "color",
1271
+ "$value": "{df.color.danger.alt.activePressed.background}"
1272
+ },
1273
+ "border": {
1274
+ "$type": "color",
1275
+ "$value": "{df.color.danger.alt.activePressed.border}"
1276
+ }
1277
+ }
1278
+ },
1279
+ "neutral": {
1280
+ "default": {
1281
+ "foreground": {
1282
+ "$type": "color",
1283
+ "$value": "{df.color.neutral.alt.default.foreground}"
1284
+ },
1285
+ "background": {
1286
+ "$type": "color",
1287
+ "$value": "{df.color.neutral.alt.default.background}"
1288
+ },
1289
+ "border": {
1290
+ "$type": "color",
1291
+ "$value": "{df.color.neutral.alt.default.border}"
1292
+ }
1293
+ },
1294
+ "hovered": {
1295
+ "foreground": {
1296
+ "$type": "color",
1297
+ "$value": "{df.color.neutral.alt.hovered.foreground}"
1298
+ },
1299
+ "background": {
1300
+ "$type": "color",
1301
+ "$value": "{df.color.neutral.alt.hovered.background}"
1302
+ },
1303
+ "border": {
1304
+ "$type": "color",
1305
+ "$value": "{df.color.neutral.alt.hovered.border}"
1306
+ }
1307
+ },
1308
+ "pressed": {
1309
+ "foreground": {
1310
+ "$type": "color",
1311
+ "$value": "{df.color.neutral.alt.pressed.foreground}"
1312
+ },
1313
+ "background": {
1314
+ "$type": "color",
1315
+ "$value": "{df.color.neutral.alt.pressed.background}"
1316
+ },
1317
+ "border": {
1318
+ "$type": "color",
1319
+ "$value": "{df.color.neutral.alt.pressed.border}"
1320
+ }
1321
+ },
1322
+ "active": {
1323
+ "foreground": {
1324
+ "$type": "color",
1325
+ "$value": "{df.color.neutral.alt.active.foreground}"
1326
+ },
1327
+ "background": {
1328
+ "$type": "color",
1329
+ "$value": "{df.color.neutral.alt.active.background}"
1330
+ },
1331
+ "border": {
1332
+ "$type": "color",
1333
+ "$value": "{df.color.neutral.alt.active.border}"
1334
+ }
1335
+ },
1336
+ "activeHovered": {
1337
+ "foreground": {
1338
+ "$type": "color",
1339
+ "$value": "{df.color.neutral.alt.activeHovered.foreground}"
1340
+ },
1341
+ "background": {
1342
+ "$type": "color",
1343
+ "$value": "{df.color.neutral.alt.activeHovered.background}"
1344
+ },
1345
+ "border": {
1346
+ "$type": "color",
1347
+ "$value": "{df.color.neutral.alt.activeHovered.border}"
1348
+ }
1349
+ },
1350
+ "activePressed": {
1351
+ "background": {
1352
+ "$type": "color",
1353
+ "$value": "{df.color.neutral.alt.activePressed.background}"
1354
+ },
1355
+ "foreground": {
1356
+ "$type": "color",
1357
+ "$value": "{df.color.neutral.alt.activePressed.foreground}"
1358
+ },
1359
+ "border": {
1360
+ "$type": "color",
1361
+ "$value": "{df.color.neutral.alt.activePressed.border}"
1362
+ }
1363
+ }
1364
+ },
1365
+ "disabled": {
1366
+ "foreground": {
1367
+ "$type": "color",
1368
+ "$value": "{df.color.disabled.main.foreground}"
1369
+ },
1370
+ "background": {
1371
+ "$type": "color",
1372
+ "$value": "{df.color.neutral.alt.default.background}"
1373
+ }
1374
+ }
1375
+ }
1376
+ },
1377
+ "mirror": {
1378
+ "color": {
1379
+ "primary": {
1380
+ "default": {
1381
+ "background": {
1382
+ "$type": "color",
1383
+ "$value": "{internal.df.button.onDark.primary.alt.default.background}"
1384
+ },
1385
+ "foreground": {
1386
+ "$type": "color",
1387
+ "$value": "{internal.df.button.onDark.primary.alt.default.foreground}"
1388
+ },
1389
+ "border": {
1390
+ "$type": "color",
1391
+ "$value": "{internal.df.button.onDark.primary.alt.default.border}"
1392
+ }
1393
+ },
1394
+ "hovered": {
1395
+ "foreground": {
1396
+ "$type": "color",
1397
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.foreground}"
1398
+ },
1399
+ "background": {
1400
+ "$type": "color",
1401
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.background}"
1402
+ },
1403
+ "border": {
1404
+ "$type": "color",
1405
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.border}"
1406
+ }
1407
+ },
1408
+ "pressed": {
1409
+ "foreground": {
1410
+ "$type": "color",
1411
+ "$value": "{internal.df.button.onDark.primary.alt.pressed.foreground}"
1412
+ },
1413
+ "background": {
1414
+ "$type": "color",
1415
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.background}"
1416
+ },
1417
+ "border": {
1418
+ "$type": "color",
1419
+ "$value": "{internal.df.button.onDark.primary.alt.hovered.border}"
1420
+ }
1421
+ },
1422
+ "active": {
1423
+ "foreground": {
1424
+ "$type": "color",
1425
+ "$value": "{internal.df.button.onDark.primary.alt.active.foreground}"
1426
+ },
1427
+ "background": {
1428
+ "$type": "color",
1429
+ "$value": "{internal.df.button.onDark.primary.alt.active.background}"
1430
+ },
1431
+ "border": {
1432
+ "$type": "color",
1433
+ "$value": "{internal.df.button.onDark.primary.alt.active.border}"
1434
+ }
1435
+ },
1436
+ "activeHovered": {
1437
+ "foreground": {
1438
+ "$type": "color",
1439
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.foreground}"
1440
+ },
1441
+ "background": {
1442
+ "$type": "color",
1443
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.background}"
1444
+ },
1445
+ "border": {
1446
+ "$type": "color",
1447
+ "$value": "{internal.df.button.onDark.primary.alt.activeHovered.border}"
1448
+ }
1449
+ },
1450
+ "activePressed": {
1451
+ "foreground": {
1452
+ "$type": "color",
1453
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.foreground}"
1454
+ },
1455
+ "background": {
1456
+ "$type": "color",
1457
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.background}"
1458
+ },
1459
+ "border": {
1460
+ "$type": "color",
1461
+ "$value": "{internal.df.button.onDark.primary.alt.activePressed.border}"
1462
+ }
1463
+ }
1464
+ },
1465
+ "danger": {
1466
+ "default": {
1467
+ "background": {
1468
+ "$type": "color",
1469
+ "$value": "{internal.df.button.onDark.danger.alt.default.background}"
1470
+ },
1471
+ "foreground": {
1472
+ "$type": "color",
1473
+ "$value": "{internal.df.button.onDark.danger.alt.default.foreground}"
1474
+ },
1475
+ "border": {
1476
+ "$type": "color",
1477
+ "$value": "{internal.df.button.onDark.danger.alt.default.border}"
1478
+ }
1479
+ },
1480
+ "hovered": {
1481
+ "foreground": {
1482
+ "$type": "color",
1483
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.foreground}"
1484
+ },
1485
+ "background": {
1486
+ "$type": "color",
1487
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.background}"
1488
+ },
1489
+ "border": {
1490
+ "$type": "color",
1491
+ "$value": "{internal.df.button.onDark.danger.alt.hovered.border}"
1492
+ }
1493
+ },
1494
+ "pressed": {
1495
+ "foreground": {
1496
+ "$type": "color",
1497
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.foreground}"
1498
+ },
1499
+ "background": {
1500
+ "$type": "color",
1501
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.background}"
1502
+ },
1503
+ "border": {
1504
+ "$type": "color",
1505
+ "$value": "{internal.df.button.onDark.danger.alt.pressed.border}"
1506
+ }
1507
+ },
1508
+ "active": {
1509
+ "foreground": {
1510
+ "$type": "color",
1511
+ "$value": "{internal.df.button.onDark.danger.alt.active.foreground}"
1512
+ },
1513
+ "background": {
1514
+ "$type": "color",
1515
+ "$value": "{internal.df.button.onDark.danger.alt.active.background}"
1516
+ },
1517
+ "border": {
1518
+ "$type": "color",
1519
+ "$value": "{internal.df.button.onDark.danger.alt.active.border}"
1520
+ }
1521
+ },
1522
+ "activeHovered": {
1523
+ "foreground": {
1524
+ "$type": "color",
1525
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.foreground}"
1526
+ },
1527
+ "background": {
1528
+ "$type": "color",
1529
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.background}"
1530
+ },
1531
+ "border": {
1532
+ "$type": "color",
1533
+ "$value": "{internal.df.button.onDark.danger.alt.activeHovered.border}"
1534
+ }
1535
+ },
1536
+ "activePressed": {
1537
+ "foreground": {
1538
+ "$type": "color",
1539
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.foreground}"
1540
+ },
1541
+ "background": {
1542
+ "$type": "color",
1543
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.background}"
1544
+ },
1545
+ "border": {
1546
+ "$type": "color",
1547
+ "$value": "{internal.df.button.onDark.danger.alt.activePressed.border}"
1548
+ }
1549
+ }
1550
+ },
1551
+ "neutral": {
1552
+ "default": {
1553
+ "background": {
1554
+ "$type": "color",
1555
+ "$value": "{internal.df.button.onDark.neutral.alt.default.background}"
1556
+ },
1557
+ "foreground": {
1558
+ "$type": "color",
1559
+ "$value": "{internal.df.button.onDark.neutral.alt.default.foreground}"
1560
+ },
1561
+ "border": {
1562
+ "$type": "color",
1563
+ "$value": "{internal.df.button.onDark.neutral.alt.default.border}"
1564
+ }
1565
+ },
1566
+ "hovered": {
1567
+ "background": {
1568
+ "$type": "color",
1569
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.background}"
1570
+ },
1571
+ "foreground": {
1572
+ "$type": "color",
1573
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.foreground}"
1574
+ },
1575
+ "border": {
1576
+ "$type": "color",
1577
+ "$value": "{internal.df.button.onDark.neutral.alt.hovered.border}"
1578
+ }
1579
+ },
1580
+ "pressed": {
1581
+ "background": {
1582
+ "$type": "color",
1583
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.background}"
1584
+ },
1585
+ "foreground": {
1586
+ "$type": "color",
1587
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.foreground}"
1588
+ },
1589
+ "border": {
1590
+ "$type": "color",
1591
+ "$value": "{internal.df.button.onDark.neutral.alt.pressed.border}"
1592
+ }
1593
+ },
1594
+ "active": {
1595
+ "background": {
1596
+ "$type": "color",
1597
+ "$value": "{internal.df.button.onDark.neutral.alt.active.background}"
1598
+ },
1599
+ "foreground": {
1600
+ "$type": "color",
1601
+ "$value": "{internal.df.button.onDark.neutral.alt.active.foreground}"
1602
+ },
1603
+ "border": {
1604
+ "$type": "color",
1605
+ "$value": "{internal.df.button.onDark.neutral.alt.active.border}"
1606
+ }
1607
+ },
1608
+ "activeHovered": {
1609
+ "background": {
1610
+ "$type": "color",
1611
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.background}"
1612
+ },
1613
+ "foreground": {
1614
+ "$type": "color",
1615
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.foreground}"
1616
+ },
1617
+ "border": {
1618
+ "$type": "color",
1619
+ "$value": "{internal.df.button.onDark.neutral.alt.activeHovered.border}"
1620
+ }
1621
+ },
1622
+ "activePressed": {
1623
+ "background": {
1624
+ "$type": "color",
1625
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.background}"
1626
+ },
1627
+ "foreground": {
1628
+ "$type": "color",
1629
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.foreground}"
1630
+ },
1631
+ "border": {
1632
+ "$type": "color",
1633
+ "$value": "{internal.df.button.onDark.neutral.alt.activePressed.border}"
1634
+ }
1635
+ }
1636
+ },
1637
+ "disabled": {
1638
+ "foreground": {
1639
+ "$type": "color",
1640
+ "$value": "{internal.df.button.onDark.disabled.alt.foreground}"
1641
+ },
1642
+ "border": {
1643
+ "$type": "color",
1644
+ "$value": "{internal.df.button.onDark.disabled.alt.border}"
1645
+ },
1646
+ "background": {
1647
+ "$type": "color",
1648
+ "$value": "{internal.df.button.onDark.disabled.alt.background}"
1649
+ }
1650
+ }
1651
+ }
1652
+ }
1653
+ },
1654
+ "borderRadius": {
1655
+ "main": {
1656
+ "null": {
1657
+ "$type": "dimension",
1658
+ "$value": "{df.borderRadius.main.null}"
1659
+ },
1660
+ "small": {
1661
+ "$type": "dimension",
1662
+ "$value": "{df.borderRadius.main.small}"
1663
+ },
1664
+ "medium": {
1665
+ "$type": "dimension",
1666
+ "$value": "{df.borderRadius.main.medium}"
1667
+ },
1668
+ "large": {
1669
+ "$type": "dimension",
1670
+ "$value": "{df.borderRadius.main.large}"
1671
+ },
1672
+ "rounded": {
1673
+ "$type": "dimension",
1674
+ "$value": "{df.borderRadius.main.rounded}"
1675
+ }
1676
+ },
1677
+ "focus": {
1678
+ "null": {
1679
+ "$type": "dimension",
1680
+ "$value": "{df.borderRadius.focus.external.null}"
1681
+ },
1682
+ "small": {
1683
+ "$type": "dimension",
1684
+ "$value": "{df.borderRadius.focus.external.small}"
1685
+ },
1686
+ "medium": {
1687
+ "$type": "dimension",
1688
+ "$value": "{df.borderRadius.focus.external.medium}"
1689
+ },
1690
+ "large": {
1691
+ "$type": "dimension",
1692
+ "$value": "{df.borderRadius.focus.external.large}"
1693
+ },
1694
+ "rounded": {
1695
+ "$type": "dimension",
1696
+ "$value": "{df.borderRadius.focus.external.rounded}"
1697
+ }
1698
+ }
1699
+ }
1700
+ },
1701
+ "badge": {
1702
+ "solid": {
1703
+ "color": {
1704
+ "focus": {
1705
+ "main": {
1706
+ "border": {
1707
+ "$type": "color",
1708
+ "$value": "{df.color.focus.main.border}"
1709
+ }
1710
+ },
1711
+ "alt": {
1712
+ "border": {
1713
+ "$type": "color",
1714
+ "$value": "{df.color.focus.alt.border}"
1715
+ }
1716
+ }
1717
+ },
1718
+ "neutral": {
1719
+ "default": {
1720
+ "background": {
1721
+ "$type": "color",
1722
+ "$value": "{df.color.neutral.main.default.background}"
1723
+ },
1724
+ "foreground": {
1725
+ "$type": "color",
1726
+ "$value": "{df.color.neutral.main.default.foreground}"
1727
+ }
1728
+ },
1729
+ "hovered": {
1730
+ "background": {
1731
+ "$type": "color",
1732
+ "$value": "{df.color.neutral.main.hovered.background}"
1733
+ },
1734
+ "foreground": {
1735
+ "$type": "color",
1736
+ "$value": "{df.color.neutral.main.default.foreground}"
1737
+ }
1738
+ },
1739
+ "pressed": {
1740
+ "background": {
1741
+ "$type": "color",
1742
+ "$value": "{df.color.neutral.main.pressed.background}"
1743
+ },
1744
+ "foreground": {
1745
+ "$type": "color",
1746
+ "$value": "{df.color.neutral.main.default.foreground}"
1747
+ }
1748
+ },
1749
+ "alt": {
1750
+ "default": {
1751
+ "background": {
1752
+ "$type": "color",
1753
+ "$value": "{df.color.neutral.alt.default.background}"
1754
+ },
1755
+ "foreground": {
1756
+ "$type": "color",
1757
+ "$value": "{df.color.inert.neutral.main.foreground}"
1758
+ }
1759
+ },
1760
+ "hovered": {
1761
+ "background": {
1762
+ "$type": "color",
1763
+ "$value": "{df.color.neutral.alt.hovered.background}"
1764
+ },
1765
+ "foreground": {
1766
+ "$type": "color",
1767
+ "$value": "{df.color.inert.neutral.main.foreground}"
1768
+ }
1769
+ },
1770
+ "pressed": {
1771
+ "background": {
1772
+ "$type": "color",
1773
+ "$value": "{df.color.neutral.alt.pressed.background}"
1774
+ },
1775
+ "foreground": {
1776
+ "$type": "color",
1777
+ "$value": "{df.color.inert.neutral.main.foreground}"
1778
+ }
1779
+ }
1780
+ }
1781
+ },
1782
+ "danger": {
1783
+ "default": {
1784
+ "background": {
1785
+ "$type": "color",
1786
+ "$value": "{df.color.danger.main.default.background}"
1787
+ },
1788
+ "foreground": {
1789
+ "$type": "color",
1790
+ "$value": "{df.color.danger.main.default.foreground}"
1791
+ }
1792
+ },
1793
+ "hovered": {
1794
+ "background": {
1795
+ "$type": "color",
1796
+ "$value": "{df.color.danger.main.hovered.background}"
1797
+ },
1798
+ "foreground": {
1799
+ "$type": "color",
1800
+ "$value": "{df.color.danger.main.hovered.foreground}"
1801
+ }
1802
+ },
1803
+ "pressed": {
1804
+ "background": {
1805
+ "$type": "color",
1806
+ "$value": "{df.color.danger.main.pressed.background}"
1807
+ },
1808
+ "foreground": {
1809
+ "$type": "color",
1810
+ "$value": "{df.color.danger.main.pressed.foreground}"
1811
+ }
1812
+ }
1813
+ },
1814
+ "warning": {
1815
+ "default": {
1816
+ "background": {
1817
+ "$type": "color",
1818
+ "$value": "{df.color.warning.main.default.background}"
1819
+ },
1820
+ "foreground": {
1821
+ "$type": "color",
1822
+ "$value": "{df.color.warning.main.default.foreground}"
1823
+ }
1824
+ },
1825
+ "hovered": {
1826
+ "background": {
1827
+ "$type": "color",
1828
+ "$value": "{df.color.warning.main.hovered.background}"
1829
+ },
1830
+ "foreground": {
1831
+ "$type": "color",
1832
+ "$value": "{df.color.warning.main.hovered.foreground}"
1833
+ }
1834
+ },
1835
+ "pressed": {
1836
+ "background": {
1837
+ "$type": "color",
1838
+ "$value": "{df.color.warning.main.pressed.background}"
1839
+ },
1840
+ "foreground": {
1841
+ "$type": "color",
1842
+ "$value": "{df.color.warning.main.pressed.foreground}"
1843
+ }
1844
+ }
1845
+ },
1846
+ "success": {
1847
+ "default": {
1848
+ "background": {
1849
+ "$type": "color",
1850
+ "$value": "{df.color.success.main.default.background}"
1851
+ },
1852
+ "foreground": {
1853
+ "$type": "color",
1854
+ "$value": "{df.color.success.main.default.foreground}"
1855
+ }
1856
+ },
1857
+ "hovered": {
1858
+ "background": {
1859
+ "$type": "color",
1860
+ "$value": "{df.color.success.main.hovered.background}"
1861
+ },
1862
+ "foreground": {
1863
+ "$type": "color",
1864
+ "$value": "{df.color.success.main.hovered.foreground}"
1865
+ }
1866
+ },
1867
+ "pressed": {
1868
+ "background": {
1869
+ "$type": "color",
1870
+ "$value": "{df.color.success.main.pressed.background}"
1871
+ },
1872
+ "foreground": {
1873
+ "$type": "color",
1874
+ "$value": "{df.color.success.main.pressed.foreground}"
1875
+ }
1876
+ }
1877
+ },
1878
+ "info": {
1879
+ "default": {
1880
+ "background": {
1881
+ "$type": "color",
1882
+ "$value": "{df.color.info.main.default.background}"
1883
+ },
1884
+ "foreground": {
1885
+ "$type": "color",
1886
+ "$value": "{df.color.info.main.default.foreground}"
1887
+ }
1888
+ },
1889
+ "hovered": {
1890
+ "background": {
1891
+ "$type": "color",
1892
+ "$value": "{df.color.info.main.hovered.background}"
1893
+ },
1894
+ "foreground": {
1895
+ "$type": "color",
1896
+ "$value": "{df.color.info.main.hovered.foreground}"
1897
+ }
1898
+ },
1899
+ "pressed": {
1900
+ "background": {
1901
+ "$type": "color",
1902
+ "$value": "{df.color.info.main.pressed.background}"
1903
+ },
1904
+ "foreground": {
1905
+ "$type": "color",
1906
+ "$value": "{df.color.info.main.pressed.foreground}"
1907
+ }
1908
+ }
1909
+ },
1910
+ "tip": {
1911
+ "default": {
1912
+ "background": {
1913
+ "$type": "color",
1914
+ "$value": "{df.color.tip.main.default.background}"
1915
+ },
1916
+ "foreground": {
1917
+ "$type": "color",
1918
+ "$value": "{df.color.tip.main.default.foreground}"
1919
+ }
1920
+ },
1921
+ "hovered": {
1922
+ "background": {
1923
+ "$type": "color",
1924
+ "$value": "{df.color.tip.main.hovered.background}"
1925
+ },
1926
+ "foreground": {
1927
+ "$type": "color",
1928
+ "$value": "{df.color.tip.main.hovered.foreground}"
1929
+ }
1930
+ },
1931
+ "pressed": {
1932
+ "background": {
1933
+ "$type": "color",
1934
+ "$value": "{df.color.tip.main.pressed.background}"
1935
+ },
1936
+ "foreground": {
1937
+ "$type": "color",
1938
+ "$value": "{df.color.tip.main.pressed.foreground}"
1939
+ }
1940
+ }
1941
+ },
1942
+ "chromatic1": {
1943
+ "default": {
1944
+ "background": {
1945
+ "$type": "color",
1946
+ "$value": "{df.color.chromatic1.main.default.background}"
1947
+ },
1948
+ "foreground": {
1949
+ "$type": "color",
1950
+ "$value": "{df.color.chromatic1.main.default.foreground}"
1951
+ }
1952
+ },
1953
+ "hovered": {
1954
+ "background": {
1955
+ "$type": "color",
1956
+ "$value": "{df.color.chromatic1.main.hovered.background}"
1957
+ },
1958
+ "foreground": {
1959
+ "$type": "color",
1960
+ "$value": "{df.color.chromatic1.main.hovered.foreground}"
1961
+ }
1962
+ },
1963
+ "pressed": {
1964
+ "background": {
1965
+ "$type": "color",
1966
+ "$value": "{df.color.chromatic1.main.pressed.background}"
1967
+ },
1968
+ "foreground": {
1969
+ "$type": "color",
1970
+ "$value": "{df.color.chromatic1.main.pressed.foreground}"
1971
+ }
1972
+ }
1973
+ },
1974
+ "chromatic2": {
1975
+ "default": {
1976
+ "background": {
1977
+ "$type": "color",
1978
+ "$value": "{df.color.chromatic2.main.default.background}"
1979
+ },
1980
+ "foreground": {
1981
+ "$type": "color",
1982
+ "$value": "{df.color.chromatic2.main.default.foreground}"
1983
+ }
1984
+ },
1985
+ "hovered": {
1986
+ "background": {
1987
+ "$type": "color",
1988
+ "$value": "{df.color.chromatic2.main.hovered.background}"
1989
+ },
1990
+ "foreground": {
1991
+ "$type": "color",
1992
+ "$value": "{df.color.chromatic2.main.pressed.foreground}"
1993
+ }
1994
+ },
1995
+ "pressed": {
1996
+ "background": {
1997
+ "$type": "color",
1998
+ "$value": "{df.color.chromatic2.main.pressed.background}"
1999
+ },
2000
+ "foreground": {
2001
+ "$type": "color",
2002
+ "$value": "{df.color.chromatic2.main.pressed.foreground}"
2003
+ }
2004
+ }
2005
+ },
2006
+ "disabled": {
2007
+ "default": {
2008
+ "background": {
2009
+ "$type": "color",
2010
+ "$value": "{df.color.disabled.alt.background}"
2011
+ },
2012
+ "foreground": {
2013
+ "$type": "color",
2014
+ "$value": "{df.color.disabled.alt.foreground}"
2015
+ }
2016
+ }
2017
+ }
2018
+ }
2019
+ },
2020
+ "soft": {
2021
+ "color": {
2022
+ "focus": {
2023
+ "main": {
2024
+ "border": {
2025
+ "$type": "color",
2026
+ "$value": "{df.color.focus.main.border}"
2027
+ }
2028
+ }
2029
+ },
2030
+ "neutral": {
2031
+ "default": {
2032
+ "background": {
2033
+ "$type": "color",
2034
+ "$value": "{df.color.neutral.soft.default.background}"
2035
+ },
2036
+ "foreground": {
2037
+ "$type": "color",
2038
+ "$value": "{df.color.neutral.soft.default.foreground}"
2039
+ },
2040
+ "border": {
2041
+ "$type": "color",
2042
+ "$value": "{internal.df.badge.soft.color.neutral.default.border}"
2043
+ }
2044
+ },
2045
+ "hovered": {
2046
+ "background": {
2047
+ "$type": "color",
2048
+ "$value": "{df.color.neutral.soft.hovered.background}"
2049
+ },
2050
+ "foreground": {
2051
+ "$type": "color",
2052
+ "$value": "{df.color.neutral.soft.hovered.foreground}"
2053
+ },
2054
+ "border": {
2055
+ "$type": "color",
2056
+ "$value": "{internal.df.badge.soft.color.neutral.hovered.border}"
2057
+ }
2058
+ },
2059
+ "pressed": {
2060
+ "background": {
2061
+ "$type": "color",
2062
+ "$value": "{df.color.neutral.soft.pressed.background}"
2063
+ },
2064
+ "foreground": {
2065
+ "$type": "color",
2066
+ "$value": "{df.color.neutral.soft.pressed.foreground}"
2067
+ },
2068
+ "border": {
2069
+ "$type": "color",
2070
+ "$value": "{internal.df.badge.soft.color.neutral.pressed.border}"
2071
+ }
2072
+ }
2073
+ },
2074
+ "danger": {
2075
+ "default": {
2076
+ "background": {
2077
+ "$type": "color",
2078
+ "$value": "{df.color.danger.soft.default.background}"
2079
+ },
2080
+ "foreground": {
2081
+ "$type": "color",
2082
+ "$value": "{df.color.danger.soft.default.foreground}"
2083
+ },
2084
+ "border": {
2085
+ "$type": "color",
2086
+ "$value": "{internal.df.badge.soft.color.danger.default.border}"
2087
+ }
2088
+ },
2089
+ "hovered": {
2090
+ "background": {
2091
+ "$type": "color",
2092
+ "$value": "{df.color.danger.soft.hovered.background}"
2093
+ },
2094
+ "foreground": {
2095
+ "$type": "color",
2096
+ "$value": "{df.color.danger.soft.hovered.foreground}"
2097
+ },
2098
+ "border": {
2099
+ "$type": "color",
2100
+ "$value": "{internal.df.badge.soft.color.danger.hovered.border}"
2101
+ }
2102
+ },
2103
+ "pressed": {
2104
+ "background": {
2105
+ "$type": "color",
2106
+ "$value": "{df.color.danger.soft.pressed.background}"
2107
+ },
2108
+ "foreground": {
2109
+ "$type": "color",
2110
+ "$value": "{df.color.danger.soft.pressed.foreground}"
2111
+ },
2112
+ "border": {
2113
+ "$type": "color",
2114
+ "$value": "{internal.df.badge.soft.color.danger.pressed.border}"
2115
+ }
2116
+ }
2117
+ },
2118
+ "warning": {
2119
+ "default": {
2120
+ "background": {
2121
+ "$type": "color",
2122
+ "$value": "{df.color.warning.soft.default.background}"
2123
+ },
2124
+ "foreground": {
2125
+ "$type": "color",
2126
+ "$value": "{df.color.warning.soft.default.foreground}"
2127
+ },
2128
+ "border": {
2129
+ "$type": "color",
2130
+ "$value": "{internal.df.badge.soft.color.warning.default.border}"
2131
+ }
2132
+ },
2133
+ "hovered": {
2134
+ "background": {
2135
+ "$type": "color",
2136
+ "$value": "{df.color.warning.soft.hovered.background}"
2137
+ },
2138
+ "foreground": {
2139
+ "$type": "color",
2140
+ "$value": "{df.color.warning.soft.hovered.foreground}"
2141
+ },
2142
+ "border": {
2143
+ "$type": "color",
2144
+ "$value": "{internal.df.badge.soft.color.warning.hovered.border}"
2145
+ }
2146
+ },
2147
+ "pressed": {
2148
+ "background": {
2149
+ "$type": "color",
2150
+ "$value": "{df.color.warning.soft.pressed.background}"
2151
+ },
2152
+ "foreground": {
2153
+ "$type": "color",
2154
+ "$value": "{df.color.warning.soft.pressed.foreground}"
2155
+ },
2156
+ "border": {
2157
+ "$type": "color",
2158
+ "$value": "{internal.df.badge.soft.color.warning.pressed.border}"
2159
+ }
2160
+ }
2161
+ },
2162
+ "success": {
2163
+ "default": {
2164
+ "background": {
2165
+ "$type": "color",
2166
+ "$value": "{df.color.success.soft.default.background}"
2167
+ },
2168
+ "foreground": {
2169
+ "$type": "color",
2170
+ "$value": "{df.color.success.soft.default.foreground}"
2171
+ },
2172
+ "border": {
2173
+ "$type": "color",
2174
+ "$value": "{internal.df.badge.soft.color.success.default.border}"
2175
+ }
2176
+ },
2177
+ "hovered": {
2178
+ "background": {
2179
+ "$type": "color",
2180
+ "$value": "{df.color.success.soft.hovered.background}"
2181
+ },
2182
+ "foreground": {
2183
+ "$type": "color",
2184
+ "$value": "{df.color.success.soft.hovered.foreground}"
2185
+ },
2186
+ "border": {
2187
+ "$type": "color",
2188
+ "$value": "{internal.df.badge.soft.color.success.hovered.border}"
2189
+ }
2190
+ },
2191
+ "pressed": {
2192
+ "background": {
2193
+ "$type": "color",
2194
+ "$value": "{df.color.success.soft.pressed.background}"
2195
+ },
2196
+ "foreground": {
2197
+ "$type": "color",
2198
+ "$value": "{df.color.success.soft.pressed.foreground}"
2199
+ },
2200
+ "border": {
2201
+ "$type": "color",
2202
+ "$value": "{internal.df.badge.soft.color.success.pressed.border}"
2203
+ }
2204
+ }
2205
+ },
2206
+ "info": {
2207
+ "default": {
2208
+ "background": {
2209
+ "$type": "color",
2210
+ "$value": "{df.color.info.soft.default.background}"
2211
+ },
2212
+ "foreground": {
2213
+ "$type": "color",
2214
+ "$value": "{df.color.info.soft.default.foreground}"
2215
+ },
2216
+ "border": {
2217
+ "$type": "color",
2218
+ "$value": "{internal.df.badge.soft.color.info.default.border}"
2219
+ }
2220
+ },
2221
+ "hovered": {
2222
+ "background": {
2223
+ "$type": "color",
2224
+ "$value": "{df.color.info.soft.hovered.background}"
2225
+ },
2226
+ "foreground": {
2227
+ "$type": "color",
2228
+ "$value": "{df.color.info.soft.hovered.foreground}"
2229
+ },
2230
+ "border": {
2231
+ "$type": "color",
2232
+ "$value": "{internal.df.badge.soft.color.info.hovered.border}"
2233
+ }
2234
+ },
2235
+ "pressed": {
2236
+ "background": {
2237
+ "$type": "color",
2238
+ "$value": "{df.color.info.soft.pressed.background}"
2239
+ },
2240
+ "foreground": {
2241
+ "$type": "color",
2242
+ "$value": "{df.color.info.soft.pressed.foreground}"
2243
+ },
2244
+ "border": {
2245
+ "$type": "color",
2246
+ "$value": "{internal.df.badge.soft.color.info.pressed.border}"
2247
+ }
2248
+ }
2249
+ },
2250
+ "tip": {
2251
+ "default": {
2252
+ "background": {
2253
+ "$type": "color",
2254
+ "$value": "{df.color.tip.soft.default.background}"
2255
+ },
2256
+ "foreground": {
2257
+ "$type": "color",
2258
+ "$value": "{df.color.tip.soft.default.foreground}"
2259
+ },
2260
+ "border": {
2261
+ "$type": "color",
2262
+ "$value": "{internal.df.badge.soft.color.tip.default.border}"
2263
+ }
2264
+ },
2265
+ "hovered": {
2266
+ "background": {
2267
+ "$type": "color",
2268
+ "$value": "{df.color.tip.soft.hovered.background}"
2269
+ },
2270
+ "foreground": {
2271
+ "$type": "color",
2272
+ "$value": "{df.color.tip.soft.hovered.foreground}"
2273
+ },
2274
+ "border": {
2275
+ "$type": "color",
2276
+ "$value": "{internal.df.badge.soft.color.tip.hovered.border}"
2277
+ }
2278
+ },
2279
+ "pressed": {
2280
+ "background": {
2281
+ "$type": "color",
2282
+ "$value": "{df.color.tip.soft.pressed.background}"
2283
+ },
2284
+ "foreground": {
2285
+ "$type": "color",
2286
+ "$value": "{df.color.tip.soft.pressed.foreground}"
2287
+ },
2288
+ "border": {
2289
+ "$type": "color",
2290
+ "$value": "{internal.df.badge.soft.color.tip.pressed.border}"
2291
+ }
2292
+ }
2293
+ },
2294
+ "chromatic1": {
2295
+ "default": {
2296
+ "background": {
2297
+ "$type": "color",
2298
+ "$value": "{df.color.chromatic1.soft.default.background}"
2299
+ },
2300
+ "foreground": {
2301
+ "$type": "color",
2302
+ "$value": "{df.color.chromatic1.soft.default.foreground}"
2303
+ },
2304
+ "border": {
2305
+ "$type": "color",
2306
+ "$value": "{internal.df.badge.soft.color.chromatic1.default.border}"
2307
+ }
2308
+ },
2309
+ "hovered": {
2310
+ "background": {
2311
+ "$type": "color",
2312
+ "$value": "{df.color.chromatic1.soft.hovered.background}"
2313
+ },
2314
+ "foreground": {
2315
+ "$type": "color",
2316
+ "$value": "{df.color.chromatic1.soft.hovered.foreground}"
2317
+ },
2318
+ "border": {
2319
+ "$type": "color",
2320
+ "$value": "{internal.df.badge.soft.color.chromatic1.hovered.border}"
2321
+ }
2322
+ },
2323
+ "pressed": {
2324
+ "background": {
2325
+ "$type": "color",
2326
+ "$value": "{df.color.chromatic1.soft.pressed.background}"
2327
+ },
2328
+ "foreground": {
2329
+ "$type": "color",
2330
+ "$value": "{df.color.chromatic1.soft.pressed.foreground}"
2331
+ },
2332
+ "border": {
2333
+ "$type": "color",
2334
+ "$value": "{internal.df.badge.soft.color.chromatic1.pressed.border}"
2335
+ }
2336
+ }
2337
+ },
2338
+ "chromatic2": {
2339
+ "default": {
2340
+ "background": {
2341
+ "$type": "color",
2342
+ "$value": "{df.color.chromatic2.soft.default.background}"
2343
+ },
2344
+ "foreground": {
2345
+ "$type": "color",
2346
+ "$value": "{df.color.chromatic2.soft.default.foreground}"
2347
+ },
2348
+ "border": {
2349
+ "$type": "color",
2350
+ "$value": "{internal.df.badge.soft.color.chromatic2.default.border}"
2351
+ }
2352
+ },
2353
+ "hovered": {
2354
+ "background": {
2355
+ "$type": "color",
2356
+ "$value": "{df.color.chromatic2.soft.hovered.background}"
2357
+ },
2358
+ "foreground": {
2359
+ "$type": "color",
2360
+ "$value": "{df.color.chromatic2.soft.hovered.foreground}"
2361
+ },
2362
+ "border": {
2363
+ "$type": "color",
2364
+ "$value": "{internal.df.badge.soft.color.chromatic2.hovered.border}"
2365
+ }
2366
+ },
2367
+ "pressed": {
2368
+ "background": {
2369
+ "$type": "color",
2370
+ "$value": "{df.color.chromatic2.soft.pressed.background}"
2371
+ },
2372
+ "foreground": {
2373
+ "$type": "color",
2374
+ "$value": "{df.color.chromatic2.soft.pressed.foreground}"
2375
+ },
2376
+ "border": {
2377
+ "$type": "color",
2378
+ "$value": "{internal.df.badge.soft.color.chromatic2.pressed.border}"
2379
+ }
2380
+ }
2381
+ },
2382
+ "disabled": {
2383
+ "default": {
2384
+ "background": {
2385
+ "$type": "color",
2386
+ "$value": "{df.color.disabled.alt.background}"
2387
+ },
2388
+ "foreground": {
2389
+ "$type": "color",
2390
+ "$value": "{df.color.disabled.alt.foreground}"
2391
+ },
2392
+ "border": {
2393
+ "$type": "color",
2394
+ "$value": "{df.color.disabled.alt.border}"
2395
+ }
2396
+ }
2397
+ }
2398
+ }
2399
+ },
2400
+ "outline": {
2401
+ "color": {
2402
+ "focus": {
2403
+ "main": {
2404
+ "border": {
2405
+ "$type": "color",
2406
+ "$value": "{df.color.focus.main.border}"
2407
+ }
2408
+ }
2409
+ },
2410
+ "neutral": {
2411
+ "default": {
2412
+ "border": {
2413
+ "$type": "color",
2414
+ "$value": "{df.color.neutral.alt.default.border}"
2415
+ },
2416
+ "foreground": {
2417
+ "$type": "color",
2418
+ "$value": "{df.color.neutral.alt.default.foreground}"
2419
+ }
2420
+ },
2421
+ "hovered": {
2422
+ "border": {
2423
+ "$type": "color",
2424
+ "$value": "{df.color.neutral.alt.hovered.border}"
2425
+ },
2426
+ "background": {
2427
+ "$type": "color",
2428
+ "$value": "{df.color.neutral.alt.hovered.background}"
2429
+ },
2430
+ "foreground": {
2431
+ "$type": "color",
2432
+ "$value": "{df.color.neutral.alt.hovered.foreground}"
2433
+ }
2434
+ },
2435
+ "pressed": {
2436
+ "border": {
2437
+ "$type": "color",
2438
+ "$value": "{df.color.neutral.alt.pressed.border}"
2439
+ },
2440
+ "background": {
2441
+ "$type": "color",
2442
+ "$value": "{df.color.neutral.alt.pressed.background}"
2443
+ },
2444
+ "foreground": {
2445
+ "$type": "color",
2446
+ "$value": "{df.color.neutral.alt.pressed.foreground}"
2447
+ }
2448
+ }
2449
+ },
2450
+ "danger": {
2451
+ "default": {
2452
+ "border": {
2453
+ "$type": "color",
2454
+ "$value": "{df.color.danger.alt.default.border}"
2455
+ },
2456
+ "foreground": {
2457
+ "$type": "color",
2458
+ "$value": "{df.color.danger.alt.default.foreground}"
2459
+ }
2460
+ },
2461
+ "hovered": {
2462
+ "border": {
2463
+ "$type": "color",
2464
+ "$value": "{df.color.danger.alt.hovered.border}"
2465
+ },
2466
+ "background": {
2467
+ "$type": "color",
2468
+ "$value": "{df.color.danger.alt.hovered.background}"
2469
+ },
2470
+ "foreground": {
2471
+ "$type": "color",
2472
+ "$value": "{df.color.danger.alt.hovered.foreground}"
2473
+ }
2474
+ },
2475
+ "pressed": {
2476
+ "border": {
2477
+ "$type": "color",
2478
+ "$value": "{df.color.danger.alt.pressed.border}"
2479
+ },
2480
+ "background": {
2481
+ "$type": "color",
2482
+ "$value": "{df.color.danger.alt.pressed.background}"
2483
+ },
2484
+ "foreground": {
2485
+ "$type": "color",
2486
+ "$value": "{df.color.danger.alt.pressed.foreground}"
2487
+ }
2488
+ }
2489
+ },
2490
+ "warning": {
2491
+ "default": {
2492
+ "border": {
2493
+ "$type": "color",
2494
+ "$value": "{df.color.warning.alt.default.border}"
2495
+ },
2496
+ "foreground": {
2497
+ "$type": "color",
2498
+ "$value": "{df.color.warning.alt.default.foreground}"
2499
+ }
2500
+ },
2501
+ "hovered": {
2502
+ "border": {
2503
+ "$type": "color",
2504
+ "$value": "{df.color.warning.alt.hovered.border}"
2505
+ },
2506
+ "background": {
2507
+ "$type": "color",
2508
+ "$value": "{df.color.warning.alt.hovered.background}"
2509
+ },
2510
+ "foreground": {
2511
+ "$type": "color",
2512
+ "$value": "{df.color.warning.alt.hovered.foreground}"
2513
+ }
2514
+ },
2515
+ "pressed": {
2516
+ "border": {
2517
+ "$type": "color",
2518
+ "$value": "{df.color.warning.alt.pressed.border}"
2519
+ },
2520
+ "background": {
2521
+ "$type": "color",
2522
+ "$value": "{df.color.warning.alt.pressed.background}"
2523
+ },
2524
+ "foreground": {
2525
+ "$type": "color",
2526
+ "$value": "{df.color.warning.alt.pressed.foreground}"
2527
+ }
2528
+ }
2529
+ },
2530
+ "success": {
2531
+ "default": {
2532
+ "border": {
2533
+ "$type": "color",
2534
+ "$value": "{df.color.success.alt.default.border}"
2535
+ },
2536
+ "foreground": {
2537
+ "$type": "color",
2538
+ "$value": "{df.color.success.alt.default.foreground}"
2539
+ }
2540
+ },
2541
+ "hovered": {
2542
+ "border": {
2543
+ "$type": "color",
2544
+ "$value": "{df.color.success.alt.hovered.border}"
2545
+ },
2546
+ "background": {
2547
+ "$type": "color",
2548
+ "$value": "{df.color.success.alt.hovered.background}"
2549
+ },
2550
+ "foreground": {
2551
+ "$type": "color",
2552
+ "$value": "{df.color.success.alt.hovered.foreground}"
2553
+ }
2554
+ },
2555
+ "pressed": {
2556
+ "border": {
2557
+ "$type": "color",
2558
+ "$value": "{df.color.success.alt.pressed.border}"
2559
+ },
2560
+ "background": {
2561
+ "$type": "color",
2562
+ "$value": "{df.color.success.alt.pressed.background}"
2563
+ },
2564
+ "foreground": {
2565
+ "$type": "color",
2566
+ "$value": "{df.color.success.alt.pressed.foreground}"
2567
+ }
2568
+ }
2569
+ },
2570
+ "info": {
2571
+ "default": {
2572
+ "border": {
2573
+ "$type": "color",
2574
+ "$value": "{df.color.info.alt.default.border}"
2575
+ },
2576
+ "foreground": {
2577
+ "$type": "color",
2578
+ "$value": "{df.color.info.alt.default.foreground}"
2579
+ }
2580
+ },
2581
+ "hovered": {
2582
+ "border": {
2583
+ "$type": "color",
2584
+ "$value": "{df.color.info.alt.hovered.border}"
2585
+ },
2586
+ "background": {
2587
+ "$type": "color",
2588
+ "$value": "{df.color.info.alt.hovered.background}"
2589
+ },
2590
+ "foreground": {
2591
+ "$type": "color",
2592
+ "$value": "{df.color.info.alt.hovered.foreground}"
2593
+ }
2594
+ },
2595
+ "pressed": {
2596
+ "border": {
2597
+ "$type": "color",
2598
+ "$value": "{df.color.info.alt.pressed.border}"
2599
+ },
2600
+ "background": {
2601
+ "$type": "color",
2602
+ "$value": "{df.color.info.alt.pressed.background}"
2603
+ },
2604
+ "foreground": {
2605
+ "$type": "color",
2606
+ "$value": "{df.color.info.alt.pressed.foreground}"
2607
+ }
2608
+ }
2609
+ },
2610
+ "tip": {
2611
+ "default": {
2612
+ "border": {
2613
+ "$type": "color",
2614
+ "$value": "{df.color.tip.alt.default.border}"
2615
+ },
2616
+ "foreground": {
2617
+ "$type": "color",
2618
+ "$value": "{df.color.tip.alt.default.foreground}"
2619
+ }
2620
+ },
2621
+ "hovered": {
2622
+ "border": {
2623
+ "$type": "color",
2624
+ "$value": "{df.color.tip.alt.hovered.border}"
2625
+ },
2626
+ "background": {
2627
+ "$type": "color",
2628
+ "$value": "{df.color.tip.alt.hovered.background}"
2629
+ },
2630
+ "foreground": {
2631
+ "$type": "color",
2632
+ "$value": "{df.color.tip.alt.hovered.foreground}"
2633
+ }
2634
+ },
2635
+ "pressed": {
2636
+ "border": {
2637
+ "$type": "color",
2638
+ "$value": "{df.color.tip.alt.pressed.border}"
2639
+ },
2640
+ "background": {
2641
+ "$type": "color",
2642
+ "$value": "{df.color.tip.alt.pressed.background}"
2643
+ },
2644
+ "foreground": {
2645
+ "$type": "color",
2646
+ "$value": "{df.color.tip.alt.pressed.foreground}"
2647
+ }
2648
+ }
2649
+ },
2650
+ "chromatic1": {
2651
+ "default": {
2652
+ "border": {
2653
+ "$type": "color",
2654
+ "$value": "{df.color.chromatic1.alt.default.border}"
2655
+ },
2656
+ "foreground": {
2657
+ "$type": "color",
2658
+ "$value": "{df.color.chromatic1.alt.default.foreground}"
2659
+ }
2660
+ },
2661
+ "hovered": {
2662
+ "border": {
2663
+ "$type": "color",
2664
+ "$value": "{df.color.chromatic1.alt.hovered.border}"
2665
+ },
2666
+ "background": {
2667
+ "$type": "color",
2668
+ "$value": "{df.color.chromatic1.alt.hovered.background}"
2669
+ },
2670
+ "foreground": {
2671
+ "$type": "color",
2672
+ "$value": "{df.color.chromatic1.alt.hovered.foreground}"
2673
+ }
2674
+ },
2675
+ "pressed": {
2676
+ "border": {
2677
+ "$type": "color",
2678
+ "$value": "{df.color.chromatic1.alt.pressed.border}"
2679
+ },
2680
+ "background": {
2681
+ "$type": "color",
2682
+ "$value": "{df.color.chromatic1.alt.pressed.background}"
2683
+ },
2684
+ "foreground": {
2685
+ "$type": "color",
2686
+ "$value": "{df.color.chromatic1.alt.pressed.foreground}"
2687
+ }
2688
+ }
2689
+ },
2690
+ "chromatic2": {
2691
+ "default": {
2692
+ "border": {
2693
+ "$type": "color",
2694
+ "$value": "{df.color.chromatic2.alt.default.border}"
2695
+ },
2696
+ "foreground": {
2697
+ "$type": "color",
2698
+ "$value": "{df.color.chromatic2.alt.default.foreground}"
2699
+ }
2700
+ },
2701
+ "hovered": {
2702
+ "border": {
2703
+ "$type": "color",
2704
+ "$value": "{df.color.chromatic2.alt.hovered.border}"
2705
+ },
2706
+ "background": {
2707
+ "$type": "color",
2708
+ "$value": "{df.color.chromatic2.alt.hovered.background}"
2709
+ },
2710
+ "foreground": {
2711
+ "$type": "color",
2712
+ "$value": "{df.color.chromatic2.alt.hovered.foreground}"
2713
+ }
2714
+ },
2715
+ "pressed": {
2716
+ "border": {
2717
+ "$type": "color",
2718
+ "$value": "{df.color.chromatic2.alt.pressed.border}"
2719
+ },
2720
+ "background": {
2721
+ "$type": "color",
2722
+ "$value": "{df.color.chromatic2.alt.pressed.background}"
2723
+ },
2724
+ "foreground": {
2725
+ "$type": "color",
2726
+ "$value": "{df.color.chromatic2.alt.pressed.foreground}"
2727
+ }
2728
+ }
2729
+ },
2730
+ "disabled": {
2731
+ "default": {
2732
+ "border": {
2733
+ "$type": "color",
2734
+ "$value": "{df.color.disabled.main.border}"
2735
+ },
2736
+ "foreground": {
2737
+ "$type": "color",
2738
+ "$value": "{df.color.disabled.main.foreground}"
2739
+ }
2740
+ }
2741
+ }
2742
+ }
2743
+ }
2744
+ },
2745
+ "footer": {
2746
+ "color": {
2747
+ "link": {
2748
+ "primary": {
2749
+ "default": {
2750
+ "border": {
2751
+ "$type": "color",
2752
+ "$value": "{df.link.color.primary.default.border}"
2753
+ },
2754
+ "foreground": {
2755
+ "$type": "color",
2756
+ "$value": "{df.link.color.primary.default.foreground}"
2757
+ }
2758
+ },
2759
+ "hovered": {
2760
+ "background": {
2761
+ "$type": "color",
2762
+ "$value": "{df.link.color.primary.hovered.background}"
2763
+ },
2764
+ "border": {
2765
+ "$type": "color",
2766
+ "$value": "{df.link.color.primary.hovered.border}"
2767
+ },
2768
+ "foreground": {
2769
+ "$type": "color",
2770
+ "$value": "{df.link.color.primary.hovered.foreground}"
2771
+ }
2772
+ },
2773
+ "pressed": {
2774
+ "background": {
2775
+ "$type": "color",
2776
+ "$value": "{df.link.color.primary.pressed.background}"
2777
+ },
2778
+ "border": {
2779
+ "$type": "color",
2780
+ "$value": "{df.link.color.primary.pressed.border}"
2781
+ },
2782
+ "foreground": {
2783
+ "$type": "color",
2784
+ "$value": "{df.link.color.primary.pressed.foreground}"
2785
+ }
2786
+ }
2787
+ },
2788
+ "visited": {
2789
+ "default": {
2790
+ "foreground": {
2791
+ "$type": "color",
2792
+ "$value": "{df.link.color.visited.default.foreground}"
2793
+ }
2794
+ },
2795
+ "hovered": {
2796
+ "background": {
2797
+ "$type": "color",
2798
+ "$value": "{df.link.color.visited.hovered.background}"
2799
+ },
2800
+ "foreground": {
2801
+ "$type": "color",
2802
+ "$value": "{df.link.color.visited.hovered.foreground}"
2803
+ }
2804
+ },
2805
+ "pressed": {
2806
+ "background": {
2807
+ "$type": "color",
2808
+ "$value": "{df.link.color.visited.pressed.background}"
2809
+ },
2810
+ "foreground": {
2811
+ "$type": "color",
2812
+ "$value": "{df.link.color.visited.pressed.foreground}"
2813
+ }
2814
+ }
2815
+ }
2816
+ },
2817
+ "logo": {
2818
+ "foreground": {
2819
+ "$type": "color",
2820
+ "$value": "{df.color.logo.main.foreground}"
2821
+ }
2822
+ },
2823
+ "inert": {
2824
+ "neutral": {
2825
+ "border": {
2826
+ "$type": "color",
2827
+ "$value": "{df.color.inert.neutral.main.border}"
2828
+ },
2829
+ "background": {
2830
+ "$type": "color",
2831
+ "$value": "{df.color.inert.neutral.pageBackground}"
2832
+ },
2833
+ "foreground": {
2834
+ "$type": "color",
2835
+ "$value": "{df.color.inert.neutral.main.foreground}"
2836
+ }
2837
+ },
2838
+ "primary": {
2839
+ "background": {
2840
+ "$type": "color",
2841
+ "$value": "{internal.df.footer.color.inert.primary.background}"
2842
+ }
2843
+ }
2844
+ }
2845
+ }
2846
+ },
2847
+ "navbar": {
2848
+ "color": {
2849
+ "inert": {
2850
+ "main": {
2851
+ "foreground": {
2852
+ "$type": "color",
2853
+ "$value": "{internal.df.navbar.color.inert.main.foreground}"
2854
+ },
2855
+ "background": {
2856
+ "$type": "color",
2857
+ "$value": "{internal.df.navbar.color.inert.main.background}"
2858
+ }
2859
+ },
2860
+ "alt": {
2861
+ "foreground": {
2862
+ "$type": "color",
2863
+ "$value": "{internal.df.navbar.color.inert.alt.foreground}"
2864
+ },
2865
+ "background": {
2866
+ "$type": "color",
2867
+ "$value": "{internal.df.navbar.color.inert.alt.background}"
2868
+ }
2869
+ },
2870
+ "subtext": {
2871
+ "foreground": {
2872
+ "$type": "color",
2873
+ "$value": "{df.color.subtext.foreground}"
2874
+ }
2875
+ }
2876
+ },
2877
+ "main": {
2878
+ "default": {
2879
+ "border": {
2880
+ "$type": "color",
2881
+ "$value": "{internal.df.navbar.color.dropdown.main.default.border}"
2882
+ },
2883
+ "foreground": {
2884
+ "$type": "color",
2885
+ "$value": "{internal.df.navbar.color.main.default.foreground}"
2886
+ }
2887
+ },
2888
+ "hovered": {
2889
+ "border": {
2890
+ "$type": "color",
2891
+ "$value": "{internal.df.navbar.color.main.hovered.border}"
2892
+ },
2893
+ "foreground": {
2894
+ "$type": "color",
2895
+ "$value": "{internal.df.navbar.color.main.hovered.foreground}"
2896
+ },
2897
+ "background": {
2898
+ "$type": "color",
2899
+ "$value": "{internal.df.navbar.color.main.hovered.background}"
2900
+ }
2901
+ },
2902
+ "pressed": {
2903
+ "border": {
2904
+ "$type": "color",
2905
+ "$value": "{internal.df.navbar.color.main.pressed.border}"
2906
+ },
2907
+ "foreground": {
2908
+ "$type": "color",
2909
+ "$value": "{internal.df.navbar.color.main.pressed.foreground}"
2910
+ },
2911
+ "background": {
2912
+ "$type": "color",
2913
+ "$value": "{internal.df.navbar.color.main.pressed.background}"
2914
+ }
2915
+ },
2916
+ "active": {
2917
+ "border": {
2918
+ "$type": "color",
2919
+ "$value": "{internal.df.navbar.color.main.active.border}"
2920
+ },
2921
+ "foreground": {
2922
+ "$type": "color",
2923
+ "$value": "{internal.df.navbar.color.main.active.foreground}"
2924
+ }
2925
+ },
2926
+ "activeHovered": {
2927
+ "border": {
2928
+ "$type": "color",
2929
+ "$value": "{internal.df.navbar.color.main.activeHovered.border}"
2930
+ },
2931
+ "foreground": {
2932
+ "$type": "color",
2933
+ "$value": "{internal.df.navbar.color.main.activeHovered.foreground}"
2934
+ },
2935
+ "background": {
2936
+ "$type": "color",
2937
+ "$value": "{internal.df.navbar.color.main.activeHovered.background}"
2938
+ }
2939
+ },
2940
+ "activePressed": {
2941
+ "border": {
2942
+ "$type": "color",
2943
+ "$value": "{internal.df.navbar.color.main.activePressed.border}"
2944
+ },
2945
+ "foreground": {
2946
+ "$type": "color",
2947
+ "$value": "{internal.df.navbar.color.main.activePressed.foreground}"
2948
+ }
2949
+ }
2950
+ },
2951
+ "alt": {
2952
+ "default": {
2953
+ "border": {
2954
+ "$type": "color",
2955
+ "$value": "{internal.df.navbar.color.alt.default.border}"
2956
+ },
2957
+ "foreground": {
2958
+ "$type": "color",
2959
+ "$value": "{internal.df.navbar.color.alt.default.foreground}"
2960
+ }
2961
+ },
2962
+ "hovered": {
2963
+ "border": {
2964
+ "$type": "color",
2965
+ "$value": "{internal.df.navbar.color.alt.hovered.border}"
2966
+ },
2967
+ "foreground": {
2968
+ "$type": "color",
2969
+ "$value": "{internal.df.navbar.color.alt.hovered.foreground}"
2970
+ },
2971
+ "background": {
2972
+ "$type": "color",
2973
+ "$value": "{internal.df.navbar.color.alt.hovered.background}"
2974
+ }
2975
+ },
2976
+ "pressed": {
2977
+ "border": {
2978
+ "$type": "color",
2979
+ "$value": "{internal.df.navbar.color.alt.pressed.border}"
2980
+ },
2981
+ "foreground": {
2982
+ "$type": "color",
2983
+ "$value": "{internal.df.navbar.color.alt.pressed.foreground}"
2984
+ },
2985
+ "background": {
2986
+ "$type": "color",
2987
+ "$value": "{internal.df.navbar.color.alt.pressed.background}"
2988
+ }
2989
+ },
2990
+ "active": {
2991
+ "border": {
2992
+ "$type": "color",
2993
+ "$value": "{internal.df.navbar.color.alt.active.border}"
2994
+ },
2995
+ "foreground": {
2996
+ "$type": "color",
2997
+ "$value": "{internal.df.navbar.color.alt.active.foreground}"
2998
+ }
2999
+ },
3000
+ "activeHovered": {
3001
+ "border": {
3002
+ "$type": "color",
3003
+ "$value": "{internal.df.navbar.color.alt.activeHovered.border}"
3004
+ },
3005
+ "foreground": {
3006
+ "$type": "color",
3007
+ "$value": "{internal.df.navbar.color.alt.activeHovered.foreground}"
3008
+ },
3009
+ "background": {
3010
+ "$type": "color",
3011
+ "$value": "{internal.df.navbar.color.alt.activeHovered.background}"
3012
+ }
3013
+ },
3014
+ "activePressed": {
3015
+ "border": {
3016
+ "$type": "color",
3017
+ "$value": "{internal.df.navbar.color.alt.activePressed.border}"
3018
+ },
3019
+ "foreground": {
3020
+ "$type": "color",
3021
+ "$value": "{internal.df.navbar.color.alt.activePressed.foreground}"
3022
+ }
3023
+ }
3024
+ },
3025
+ "dropdown": {
3026
+ "main": {
3027
+ "default": {
3028
+ "foreground": {
3029
+ "$type": "color",
3030
+ "$value": "{internal.df.navbar.color.dropdown.main.default.foreground}"
3031
+ },
3032
+ "border": {
3033
+ "$type": "color",
3034
+ "$value": "{internal.df.navbar.color.dropdown.main.default.border}"
3035
+ }
3036
+ },
3037
+ "hovered": {
3038
+ "foreground": {
3039
+ "$type": "color",
3040
+ "$value": "{internal.df.navbar.color.dropdown.main.hovered.foreground}"
3041
+ },
3042
+ "background": {
3043
+ "$type": "color",
3044
+ "$value": "{internal.df.navbar.color.dropdown.main.hovered.background}"
3045
+ },
3046
+ "border": {
3047
+ "$type": "color",
3048
+ "$value": "{internal.df.navbar.color.dropdown.main.hovered.border}"
3049
+ }
3050
+ },
3051
+ "pressed": {
3052
+ "foreground": {
3053
+ "$type": "color",
3054
+ "$value": "{internal.df.navbar.color.dropdown.main.pressed.foreground}"
3055
+ },
3056
+ "background": {
3057
+ "$type": "color",
3058
+ "$value": "{internal.df.navbar.color.dropdown.main.pressed.background}"
3059
+ },
3060
+ "border": {
3061
+ "$type": "color",
3062
+ "$value": "{internal.df.navbar.color.dropdown.main.pressed.border}"
3063
+ }
3064
+ },
3065
+ "active": {
3066
+ "foreground": {
3067
+ "$type": "color",
3068
+ "$value": "{internal.df.navbar.color.dropdown.main.active.foreground}"
3069
+ },
3070
+ "background": {
3071
+ "$type": "color",
3072
+ "$value": "{internal.df.navbar.color.dropdown.main.active.background}"
3073
+ },
3074
+ "border": {
3075
+ "$type": "color",
3076
+ "$value": "{internal.df.navbar.color.dropdown.main.active.border}"
3077
+ }
3078
+ },
3079
+ "activeHovered": {
3080
+ "foreground": {
3081
+ "$type": "color",
3082
+ "$value": "{internal.df.navbar.color.dropdown.main.activeHovered.foreground}"
3083
+ },
3084
+ "background": {
3085
+ "$type": "color",
3086
+ "$value": "{internal.df.navbar.color.dropdown.main.activeHovered.background}"
3087
+ },
3088
+ "border": {
3089
+ "$type": "color",
3090
+ "$value": "{internal.df.navbar.color.dropdown.main.activeHovered.border}"
3091
+ }
3092
+ },
3093
+ "activePressed": {
3094
+ "foreground": {
3095
+ "$type": "color",
3096
+ "$value": "{internal.df.navbar.color.dropdown.main.activePressed.foreground}"
3097
+ },
3098
+ "background": {
3099
+ "$type": "color",
3100
+ "$value": "{internal.df.navbar.color.dropdown.main.activePressed.background}"
3101
+ },
3102
+ "border": {
3103
+ "$type": "color",
3104
+ "$value": "{internal.df.navbar.color.dropdown.main.activePressed.border}"
3105
+ }
3106
+ }
3107
+ },
3108
+ "alt": {
3109
+ "default": {
3110
+ "foreground": {
3111
+ "$type": "color",
3112
+ "$value": "{internal.df.navbar.color.dropdown.alt.default.foreground}"
3113
+ },
3114
+ "border": {
3115
+ "$type": "color",
3116
+ "$value": "{internal.df.navbar.color.dropdown.alt.default.border}"
3117
+ }
3118
+ },
3119
+ "hovered": {
3120
+ "foreground": {
3121
+ "$type": "color",
3122
+ "$value": "{internal.df.navbar.color.dropdown.alt.hovered.foreground}"
3123
+ },
3124
+ "background": {
3125
+ "$type": "color",
3126
+ "$value": "{internal.df.navbar.color.dropdown.alt.hovered.background}"
3127
+ },
3128
+ "border": {
3129
+ "$type": "color",
3130
+ "$value": "{internal.df.navbar.color.dropdown.alt.hovered.border}"
3131
+ }
3132
+ },
3133
+ "pressed": {
3134
+ "foreground": {
3135
+ "$type": "color",
3136
+ "$value": "{internal.df.navbar.color.dropdown.alt.pressed.foreground}"
3137
+ },
3138
+ "background": {
3139
+ "$type": "color",
3140
+ "$value": "{internal.df.navbar.color.dropdown.alt.pressed.background}"
3141
+ },
3142
+ "border": {
3143
+ "$type": "color",
3144
+ "$value": "{internal.df.navbar.color.dropdown.alt.pressed.border}"
3145
+ }
3146
+ },
3147
+ "active": {
3148
+ "foreground": {
3149
+ "$type": "color",
3150
+ "$value": "{internal.df.navbar.color.dropdown.alt.active.foreground}"
3151
+ },
3152
+ "background": {
3153
+ "$type": "color",
3154
+ "$value": "{internal.df.navbar.color.dropdown.alt.active.background}"
3155
+ },
3156
+ "border": {
3157
+ "$type": "color",
3158
+ "$value": "{internal.df.navbar.color.dropdown.alt.active.border}"
3159
+ }
3160
+ },
3161
+ "activeHovered": {
3162
+ "foreground": {
3163
+ "$type": "color",
3164
+ "$value": "{internal.df.navbar.color.dropdown.alt.activeHovered.foreground}"
3165
+ },
3166
+ "background": {
3167
+ "$type": "color",
3168
+ "$value": "{internal.df.navbar.color.dropdown.alt.activeHovered.background}"
3169
+ },
3170
+ "border": {
3171
+ "$type": "color",
3172
+ "$value": "{internal.df.navbar.color.dropdown.alt.activeHovered.border}"
3173
+ }
3174
+ },
3175
+ "activePressed": {
3176
+ "foreground": {
3177
+ "$type": "color",
3178
+ "$value": "{internal.df.navbar.color.dropdown.alt.activePressed.foreground}"
3179
+ },
3180
+ "background": {
3181
+ "$type": "color",
3182
+ "$value": "{internal.df.navbar.color.dropdown.alt.activePressed.background}"
3183
+ },
3184
+ "border": {
3185
+ "$type": "color",
3186
+ "$value": "{internal.df.navbar.color.dropdown.alt.activePressed.border}"
3187
+ }
3188
+ }
3189
+ }
3190
+ },
3191
+ "productName": {
3192
+ "main": {
3193
+ "default": {
3194
+ "foreground": {
3195
+ "$type": "color",
3196
+ "$value": "{internal.df.navbar.color.productName.main.default.foreground}"
3197
+ },
3198
+ "border": {
3199
+ "$type": "color",
3200
+ "$value": "{internal.df.navbar.color.productName.main.default.border}"
3201
+ }
3202
+ },
3203
+ "hovered": {
3204
+ "foreground": {
3205
+ "$type": "color",
3206
+ "$value": "{internal.df.navbar.color.productName.main.hovered.foreground}"
3207
+ },
3208
+ "background": {
3209
+ "$type": "color",
3210
+ "$value": "{internal.df.navbar.color.productName.main.hovered.background}"
3211
+ },
3212
+ "border": {
3213
+ "$type": "color",
3214
+ "$value": "{internal.df.navbar.color.productName.main.hovered.border}"
3215
+ }
3216
+ },
3217
+ "pressed": {
3218
+ "foreground": {
3219
+ "$type": "color",
3220
+ "$value": "{internal.df.navbar.color.productName.main.pressed.foreground}"
3221
+ },
3222
+ "background": {
3223
+ "$type": "color",
3224
+ "$value": "{internal.df.navbar.color.productName.main.pressed.background}"
3225
+ },
3226
+ "border": {
3227
+ "$type": "color",
3228
+ "$value": "{internal.df.navbar.color.productName.main.pressed.border}"
3229
+ }
3230
+ }
3231
+ },
3232
+ "alt": {
3233
+ "default": {
3234
+ "foreground": {
3235
+ "$type": "color",
3236
+ "$value": "{internal.df.navbar.color.productName.alt.default.foreground}"
3237
+ },
3238
+ "border": {
3239
+ "$type": "color",
3240
+ "$value": "{internal.df.navbar.color.productName.alt.default.border}"
3241
+ }
3242
+ },
3243
+ "hovered": {
3244
+ "foreground": {
3245
+ "$type": "color",
3246
+ "$value": "{internal.df.navbar.color.productName.alt.hovered.foreground}"
3247
+ },
3248
+ "background": {
3249
+ "$type": "color",
3250
+ "$value": "{internal.df.navbar.color.productName.alt.hovered.background}"
3251
+ },
3252
+ "border": {
3253
+ "$type": "color",
3254
+ "$value": "{internal.df.navbar.color.productName.alt.hovered.border}"
3255
+ }
3256
+ },
3257
+ "pressed": {
3258
+ "foreground": {
3259
+ "$type": "color",
3260
+ "$value": "{internal.df.navbar.color.productName.alt.pressed.foreground}"
3261
+ },
3262
+ "background": {
3263
+ "$type": "color",
3264
+ "$value": "{internal.df.navbar.color.productName.alt.pressed.background}"
3265
+ },
3266
+ "border": {
3267
+ "$type": "color",
3268
+ "$value": "{internal.df.navbar.color.productName.alt.pressed.border}"
3269
+ }
3270
+ }
3271
+ }
3272
+ },
3273
+ "disabled": {
3274
+ "main": {
3275
+ "foreground": {
3276
+ "$type": "color",
3277
+ "$value": "{df.color.disabled.alt.foreground}"
3278
+ },
3279
+ "border": {
3280
+ "$type": "color",
3281
+ "$value": "{df.color.disabled.alt.foreground}"
3282
+ }
3283
+ },
3284
+ "alt": {
3285
+ "foreground": {
3286
+ "$type": "color",
3287
+ "$value": "{df.color.disabled.main.foreground}"
3288
+ },
3289
+ "border": {
3290
+ "$type": "color",
3291
+ "$value": "{df.color.disabled.main.foreground}"
3292
+ }
3293
+ }
3294
+ }
3295
+ }
3296
+ },
3297
+ "link": {
3298
+ "color": {
3299
+ "primary": {
3300
+ "default": {
3301
+ "border": {
3302
+ "$type": "color",
3303
+ "$value": "{df.color.primary.alt.default.border}"
3304
+ },
3305
+ "foreground": {
3306
+ "$type": "color",
3307
+ "$value": "{df.color.primary.alt.default.foreground}"
3308
+ }
3309
+ },
3310
+ "hovered": {
3311
+ "border": {
3312
+ "$type": "color",
3313
+ "$value": "{df.color.primary.alt.hovered.border}"
3314
+ },
3315
+ "foreground": {
3316
+ "$type": "color",
3317
+ "$value": "{df.color.primary.alt.hovered.foreground}"
3318
+ },
3319
+ "background": {
3320
+ "$type": "color",
3321
+ "$value": "{df.color.primary.alt.hovered.background}"
3322
+ }
3323
+ },
3324
+ "pressed": {
3325
+ "border": {
3326
+ "$type": "color",
3327
+ "$value": "{df.color.primary.alt.pressed.border}"
3328
+ },
3329
+ "foreground": {
3330
+ "$type": "color",
3331
+ "$value": "{df.color.primary.alt.pressed.foreground}"
3332
+ },
3333
+ "background": {
3334
+ "$type": "color",
3335
+ "$value": "{df.color.primary.alt.active.background}"
3336
+ }
3337
+ }
3338
+ },
3339
+ "neutral": {
3340
+ "default": {
3341
+ "border": {
3342
+ "$type": "color",
3343
+ "$value": "{df.color.neutral.alt.default.border}"
3344
+ },
3345
+ "foreground": {
3346
+ "$type": "color",
3347
+ "$value": "{df.color.neutral.alt.default.foreground}"
3348
+ }
3349
+ },
3350
+ "hovered": {
3351
+ "border": {
3352
+ "$type": "color",
3353
+ "$value": "{df.color.neutral.alt.hovered.border}"
3354
+ },
3355
+ "foreground": {
3356
+ "$type": "color",
3357
+ "$value": "{df.color.neutral.alt.hovered.foreground}"
3358
+ },
3359
+ "background": {
3360
+ "$type": "color",
3361
+ "$value": "{df.color.neutral.alt.hovered.background}"
3362
+ }
3363
+ },
3364
+ "pressed": {
3365
+ "border": {
3366
+ "$type": "color",
3367
+ "$value": "{df.color.neutral.alt.pressed.border}"
3368
+ },
3369
+ "foreground": {
3370
+ "$type": "color",
3371
+ "$value": "{df.color.neutral.alt.pressed.foreground}"
3372
+ },
3373
+ "background": {
3374
+ "$type": "color",
3375
+ "$value": "{df.color.neutral.alt.pressed.background}"
3376
+ }
3377
+ }
3378
+ },
3379
+ "disabled": {
3380
+ "foreground": {
3381
+ "$type": "color",
3382
+ "$value": "{df.color.disabled.main.foreground}"
3383
+ }
3384
+ },
3385
+ "visited": {
3386
+ "default": {
3387
+ "foreground": {
3388
+ "$type": "color",
3389
+ "$value": "{df.color.tip.alt.default.foreground}"
3390
+ }
3391
+ },
3392
+ "hovered": {
3393
+ "foreground": {
3394
+ "$type": "color",
3395
+ "$value": "{df.color.tip.alt.hovered.foreground}"
3396
+ },
3397
+ "background": {
3398
+ "$type": "color",
3399
+ "$value": "{df.color.tip.alt.hovered.background}"
3400
+ }
3401
+ },
3402
+ "pressed": {
3403
+ "foreground": {
3404
+ "$type": "color",
3405
+ "$value": "{df.color.tip.alt.pressed.foreground}"
3406
+ },
3407
+ "background": {
3408
+ "$type": "color",
3409
+ "$value": "{df.color.tip.alt.pressed.background}"
3410
+ }
3411
+ }
3412
+ }
3413
+ }
3414
+ }
3415
+ }
3416
+ }