@directus/themes 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1412 @@
1
+ import type { Theme } from '../schemas/theme.js';
2
+ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes", import("pinia")._UnwrapAll<Pick<{
3
+ themes: {
4
+ light: {
5
+ name: string;
6
+ appearance: "light" | "dark";
7
+ rules: {
8
+ foreground?: string;
9
+ background?: string;
10
+ backgroundSubdued?: string;
11
+ foregroundSubdued?: string;
12
+ borderColor?: string;
13
+ borderRadius?: string;
14
+ borderWidth?: string;
15
+ foregroundAccent?: string;
16
+ backgroundNormal?: string;
17
+ backgroundAccent?: string;
18
+ borderColorAccent?: string;
19
+ borderColorSubdued?: string;
20
+ primary?: string;
21
+ primaryBackground?: string;
22
+ primarySubdued?: string;
23
+ primaryAccent?: string;
24
+ secondary?: string;
25
+ secondaryBackground?: string;
26
+ secondarySubdued?: string;
27
+ secondaryAccent?: string;
28
+ success?: string;
29
+ successBackground?: string;
30
+ successSubdued?: string;
31
+ successAccent?: string;
32
+ warning?: string;
33
+ warningBackground?: string;
34
+ warningSubdued?: string;
35
+ warningAccent?: string;
36
+ danger?: string;
37
+ dangerBackground?: string;
38
+ dangerSubdued?: string;
39
+ dangerAccent?: string;
40
+ fonts?: {
41
+ display?: {
42
+ fontFamily?: string;
43
+ fontWeight?: string;
44
+ };
45
+ sans?: {
46
+ fontFamily?: string;
47
+ fontWeight?: string;
48
+ };
49
+ serif?: {
50
+ fontFamily?: string;
51
+ fontWeight?: string;
52
+ };
53
+ monospace?: {
54
+ fontFamily?: string;
55
+ fontWeight?: string;
56
+ };
57
+ };
58
+ navigation?: {
59
+ background?: string;
60
+ borderColor?: string;
61
+ borderWidth?: string;
62
+ backgroundAccent?: string;
63
+ project?: {
64
+ foreground?: string;
65
+ fontFamily?: string;
66
+ background?: string;
67
+ borderColor?: string;
68
+ borderWidth?: string;
69
+ };
70
+ modules?: {
71
+ background?: string;
72
+ borderColor?: string;
73
+ borderWidth?: string;
74
+ button?: {
75
+ foreground?: string;
76
+ background?: string;
77
+ foregroundHover?: string;
78
+ foregroundActive?: string;
79
+ backgroundHover?: string;
80
+ backgroundActive?: string;
81
+ };
82
+ };
83
+ list?: {
84
+ foreground?: string;
85
+ fontFamily?: string;
86
+ background?: string;
87
+ foregroundHover?: string;
88
+ foregroundActive?: string;
89
+ backgroundHover?: string;
90
+ backgroundActive?: string;
91
+ icon?: {
92
+ foreground?: string;
93
+ foregroundHover?: string;
94
+ foregroundActive?: string;
95
+ };
96
+ divider: {
97
+ borderColor?: string;
98
+ borderWidth?: string;
99
+ };
100
+ };
101
+ };
102
+ header?: {
103
+ background?: string;
104
+ borderColor?: string;
105
+ boxShadow?: string;
106
+ borderWidth?: string;
107
+ headline?: {
108
+ foreground?: string;
109
+ fontFamily?: string;
110
+ };
111
+ title?: {
112
+ foreground?: string;
113
+ fontFamily?: string;
114
+ fontWeight?: string;
115
+ };
116
+ };
117
+ form?: {
118
+ columnGap?: string;
119
+ rowGap?: string;
120
+ field?: {
121
+ label?: {
122
+ foreground?: string;
123
+ fontFamily?: string;
124
+ fontWeight?: string;
125
+ };
126
+ input?: {
127
+ foreground?: string;
128
+ background?: string;
129
+ backgroundSubdued?: string;
130
+ foregroundSubdued?: string;
131
+ borderColor?: string;
132
+ borderColorHover?: string;
133
+ borderColorFocus?: string;
134
+ boxShadow?: string;
135
+ boxShadowHover?: string;
136
+ boxShadowFocus?: string;
137
+ height?: string;
138
+ padding?: string;
139
+ };
140
+ };
141
+ };
142
+ sidebar?: {
143
+ foreground?: string;
144
+ fontFamily?: string;
145
+ background?: string;
146
+ borderColor?: string;
147
+ borderWidth?: string;
148
+ section?: {
149
+ form?: {
150
+ columnGap?: string;
151
+ rowGap?: string;
152
+ field?: {
153
+ label?: {
154
+ foreground?: string;
155
+ fontFamily?: string;
156
+ fontWeight?: string;
157
+ };
158
+ input?: {
159
+ foreground?: string;
160
+ background?: string;
161
+ backgroundSubdued?: string;
162
+ foregroundSubdued?: string;
163
+ borderColor?: string;
164
+ borderColorHover?: string;
165
+ borderColorFocus?: string;
166
+ boxShadow?: string;
167
+ boxShadowHover?: string;
168
+ boxShadowFocus?: string;
169
+ height?: string;
170
+ padding?: string;
171
+ };
172
+ };
173
+ };
174
+ toggle?: {
175
+ foreground?: string;
176
+ fontFamily?: string;
177
+ background?: string;
178
+ borderColor?: string;
179
+ borderWidth?: string;
180
+ foregroundHover?: string;
181
+ foregroundActive?: string;
182
+ backgroundHover?: string;
183
+ backgroundActive?: string;
184
+ icon?: {
185
+ foreground?: string;
186
+ foregroundHover?: string;
187
+ foregroundActive?: string;
188
+ };
189
+ };
190
+ };
191
+ };
192
+ public?: {
193
+ foreground?: string;
194
+ background?: string;
195
+ foregroundAccent?: string;
196
+ form?: {
197
+ columnGap?: string;
198
+ rowGap?: string;
199
+ field?: {
200
+ label?: {
201
+ foreground?: string;
202
+ fontFamily?: string;
203
+ fontWeight?: string;
204
+ };
205
+ input?: {
206
+ foreground?: string;
207
+ background?: string;
208
+ backgroundSubdued?: string;
209
+ foregroundSubdued?: string;
210
+ borderColor?: string;
211
+ borderColorHover?: string;
212
+ borderColorFocus?: string;
213
+ boxShadow?: string;
214
+ boxShadowHover?: string;
215
+ boxShadowFocus?: string;
216
+ height?: string;
217
+ padding?: string;
218
+ };
219
+ };
220
+ };
221
+ art?: {
222
+ background?: string;
223
+ primary?: string;
224
+ secondary?: string;
225
+ speed?: string;
226
+ };
227
+ };
228
+ popover?: {
229
+ menu?: {
230
+ background?: string;
231
+ boxShadow?: string;
232
+ borderRadius?: string;
233
+ };
234
+ };
235
+ };
236
+ }[];
237
+ dark: {
238
+ name: string;
239
+ appearance: "light" | "dark";
240
+ rules: {
241
+ foreground?: string;
242
+ background?: string;
243
+ backgroundSubdued?: string;
244
+ foregroundSubdued?: string;
245
+ borderColor?: string;
246
+ borderRadius?: string;
247
+ borderWidth?: string;
248
+ foregroundAccent?: string;
249
+ backgroundNormal?: string;
250
+ backgroundAccent?: string;
251
+ borderColorAccent?: string;
252
+ borderColorSubdued?: string;
253
+ primary?: string;
254
+ primaryBackground?: string;
255
+ primarySubdued?: string;
256
+ primaryAccent?: string;
257
+ secondary?: string;
258
+ secondaryBackground?: string;
259
+ secondarySubdued?: string;
260
+ secondaryAccent?: string;
261
+ success?: string;
262
+ successBackground?: string;
263
+ successSubdued?: string;
264
+ successAccent?: string;
265
+ warning?: string;
266
+ warningBackground?: string;
267
+ warningSubdued?: string;
268
+ warningAccent?: string;
269
+ danger?: string;
270
+ dangerBackground?: string;
271
+ dangerSubdued?: string;
272
+ dangerAccent?: string;
273
+ fonts?: {
274
+ display?: {
275
+ fontFamily?: string;
276
+ fontWeight?: string;
277
+ };
278
+ sans?: {
279
+ fontFamily?: string;
280
+ fontWeight?: string;
281
+ };
282
+ serif?: {
283
+ fontFamily?: string;
284
+ fontWeight?: string;
285
+ };
286
+ monospace?: {
287
+ fontFamily?: string;
288
+ fontWeight?: string;
289
+ };
290
+ };
291
+ navigation?: {
292
+ background?: string;
293
+ borderColor?: string;
294
+ borderWidth?: string;
295
+ backgroundAccent?: string;
296
+ project?: {
297
+ foreground?: string;
298
+ fontFamily?: string;
299
+ background?: string;
300
+ borderColor?: string;
301
+ borderWidth?: string;
302
+ };
303
+ modules?: {
304
+ background?: string;
305
+ borderColor?: string;
306
+ borderWidth?: string;
307
+ button?: {
308
+ foreground?: string;
309
+ background?: string;
310
+ foregroundHover?: string;
311
+ foregroundActive?: string;
312
+ backgroundHover?: string;
313
+ backgroundActive?: string;
314
+ };
315
+ };
316
+ list?: {
317
+ foreground?: string;
318
+ fontFamily?: string;
319
+ background?: string;
320
+ foregroundHover?: string;
321
+ foregroundActive?: string;
322
+ backgroundHover?: string;
323
+ backgroundActive?: string;
324
+ icon?: {
325
+ foreground?: string;
326
+ foregroundHover?: string;
327
+ foregroundActive?: string;
328
+ };
329
+ divider: {
330
+ borderColor?: string;
331
+ borderWidth?: string;
332
+ };
333
+ };
334
+ };
335
+ header?: {
336
+ background?: string;
337
+ borderColor?: string;
338
+ boxShadow?: string;
339
+ borderWidth?: string;
340
+ headline?: {
341
+ foreground?: string;
342
+ fontFamily?: string;
343
+ };
344
+ title?: {
345
+ foreground?: string;
346
+ fontFamily?: string;
347
+ fontWeight?: string;
348
+ };
349
+ };
350
+ form?: {
351
+ columnGap?: string;
352
+ rowGap?: string;
353
+ field?: {
354
+ label?: {
355
+ foreground?: string;
356
+ fontFamily?: string;
357
+ fontWeight?: string;
358
+ };
359
+ input?: {
360
+ foreground?: string;
361
+ background?: string;
362
+ backgroundSubdued?: string;
363
+ foregroundSubdued?: string;
364
+ borderColor?: string;
365
+ borderColorHover?: string;
366
+ borderColorFocus?: string;
367
+ boxShadow?: string;
368
+ boxShadowHover?: string;
369
+ boxShadowFocus?: string;
370
+ height?: string;
371
+ padding?: string;
372
+ };
373
+ };
374
+ };
375
+ sidebar?: {
376
+ foreground?: string;
377
+ fontFamily?: string;
378
+ background?: string;
379
+ borderColor?: string;
380
+ borderWidth?: string;
381
+ section?: {
382
+ form?: {
383
+ columnGap?: string;
384
+ rowGap?: string;
385
+ field?: {
386
+ label?: {
387
+ foreground?: string;
388
+ fontFamily?: string;
389
+ fontWeight?: string;
390
+ };
391
+ input?: {
392
+ foreground?: string;
393
+ background?: string;
394
+ backgroundSubdued?: string;
395
+ foregroundSubdued?: string;
396
+ borderColor?: string;
397
+ borderColorHover?: string;
398
+ borderColorFocus?: string;
399
+ boxShadow?: string;
400
+ boxShadowHover?: string;
401
+ boxShadowFocus?: string;
402
+ height?: string;
403
+ padding?: string;
404
+ };
405
+ };
406
+ };
407
+ toggle?: {
408
+ foreground?: string;
409
+ fontFamily?: string;
410
+ background?: string;
411
+ borderColor?: string;
412
+ borderWidth?: string;
413
+ foregroundHover?: string;
414
+ foregroundActive?: string;
415
+ backgroundHover?: string;
416
+ backgroundActive?: string;
417
+ icon?: {
418
+ foreground?: string;
419
+ foregroundHover?: string;
420
+ foregroundActive?: string;
421
+ };
422
+ };
423
+ };
424
+ };
425
+ public?: {
426
+ foreground?: string;
427
+ background?: string;
428
+ foregroundAccent?: string;
429
+ form?: {
430
+ columnGap?: string;
431
+ rowGap?: string;
432
+ field?: {
433
+ label?: {
434
+ foreground?: string;
435
+ fontFamily?: string;
436
+ fontWeight?: string;
437
+ };
438
+ input?: {
439
+ foreground?: string;
440
+ background?: string;
441
+ backgroundSubdued?: string;
442
+ foregroundSubdued?: string;
443
+ borderColor?: string;
444
+ borderColorHover?: string;
445
+ borderColorFocus?: string;
446
+ boxShadow?: string;
447
+ boxShadowHover?: string;
448
+ boxShadowFocus?: string;
449
+ height?: string;
450
+ padding?: string;
451
+ };
452
+ };
453
+ };
454
+ art?: {
455
+ background?: string;
456
+ primary?: string;
457
+ secondary?: string;
458
+ speed?: string;
459
+ };
460
+ };
461
+ popover?: {
462
+ menu?: {
463
+ background?: string;
464
+ boxShadow?: string;
465
+ borderRadius?: string;
466
+ };
467
+ };
468
+ };
469
+ }[];
470
+ };
471
+ registerTheme: (theme: Theme) => void;
472
+ }, "themes">>, Pick<{
473
+ themes: {
474
+ light: {
475
+ name: string;
476
+ appearance: "light" | "dark";
477
+ rules: {
478
+ foreground?: string;
479
+ background?: string;
480
+ backgroundSubdued?: string;
481
+ foregroundSubdued?: string;
482
+ borderColor?: string;
483
+ borderRadius?: string;
484
+ borderWidth?: string;
485
+ foregroundAccent?: string;
486
+ backgroundNormal?: string;
487
+ backgroundAccent?: string;
488
+ borderColorAccent?: string;
489
+ borderColorSubdued?: string;
490
+ primary?: string;
491
+ primaryBackground?: string;
492
+ primarySubdued?: string;
493
+ primaryAccent?: string;
494
+ secondary?: string;
495
+ secondaryBackground?: string;
496
+ secondarySubdued?: string;
497
+ secondaryAccent?: string;
498
+ success?: string;
499
+ successBackground?: string;
500
+ successSubdued?: string;
501
+ successAccent?: string;
502
+ warning?: string;
503
+ warningBackground?: string;
504
+ warningSubdued?: string;
505
+ warningAccent?: string;
506
+ danger?: string;
507
+ dangerBackground?: string;
508
+ dangerSubdued?: string;
509
+ dangerAccent?: string;
510
+ fonts?: {
511
+ display?: {
512
+ fontFamily?: string;
513
+ fontWeight?: string;
514
+ };
515
+ sans?: {
516
+ fontFamily?: string;
517
+ fontWeight?: string;
518
+ };
519
+ serif?: {
520
+ fontFamily?: string;
521
+ fontWeight?: string;
522
+ };
523
+ monospace?: {
524
+ fontFamily?: string;
525
+ fontWeight?: string;
526
+ };
527
+ };
528
+ navigation?: {
529
+ background?: string;
530
+ borderColor?: string;
531
+ borderWidth?: string;
532
+ backgroundAccent?: string;
533
+ project?: {
534
+ foreground?: string;
535
+ fontFamily?: string;
536
+ background?: string;
537
+ borderColor?: string;
538
+ borderWidth?: string;
539
+ };
540
+ modules?: {
541
+ background?: string;
542
+ borderColor?: string;
543
+ borderWidth?: string;
544
+ button?: {
545
+ foreground?: string;
546
+ background?: string;
547
+ foregroundHover?: string;
548
+ foregroundActive?: string;
549
+ backgroundHover?: string;
550
+ backgroundActive?: string;
551
+ };
552
+ };
553
+ list?: {
554
+ foreground?: string;
555
+ fontFamily?: string;
556
+ background?: string;
557
+ foregroundHover?: string;
558
+ foregroundActive?: string;
559
+ backgroundHover?: string;
560
+ backgroundActive?: string;
561
+ icon?: {
562
+ foreground?: string;
563
+ foregroundHover?: string;
564
+ foregroundActive?: string;
565
+ };
566
+ divider: {
567
+ borderColor?: string;
568
+ borderWidth?: string;
569
+ };
570
+ };
571
+ };
572
+ header?: {
573
+ background?: string;
574
+ borderColor?: string;
575
+ boxShadow?: string;
576
+ borderWidth?: string;
577
+ headline?: {
578
+ foreground?: string;
579
+ fontFamily?: string;
580
+ };
581
+ title?: {
582
+ foreground?: string;
583
+ fontFamily?: string;
584
+ fontWeight?: string;
585
+ };
586
+ };
587
+ form?: {
588
+ columnGap?: string;
589
+ rowGap?: string;
590
+ field?: {
591
+ label?: {
592
+ foreground?: string;
593
+ fontFamily?: string;
594
+ fontWeight?: string;
595
+ };
596
+ input?: {
597
+ foreground?: string;
598
+ background?: string;
599
+ backgroundSubdued?: string;
600
+ foregroundSubdued?: string;
601
+ borderColor?: string;
602
+ borderColorHover?: string;
603
+ borderColorFocus?: string;
604
+ boxShadow?: string;
605
+ boxShadowHover?: string;
606
+ boxShadowFocus?: string;
607
+ height?: string;
608
+ padding?: string;
609
+ };
610
+ };
611
+ };
612
+ sidebar?: {
613
+ foreground?: string;
614
+ fontFamily?: string;
615
+ background?: string;
616
+ borderColor?: string;
617
+ borderWidth?: string;
618
+ section?: {
619
+ form?: {
620
+ columnGap?: string;
621
+ rowGap?: string;
622
+ field?: {
623
+ label?: {
624
+ foreground?: string;
625
+ fontFamily?: string;
626
+ fontWeight?: string;
627
+ };
628
+ input?: {
629
+ foreground?: string;
630
+ background?: string;
631
+ backgroundSubdued?: string;
632
+ foregroundSubdued?: string;
633
+ borderColor?: string;
634
+ borderColorHover?: string;
635
+ borderColorFocus?: string;
636
+ boxShadow?: string;
637
+ boxShadowHover?: string;
638
+ boxShadowFocus?: string;
639
+ height?: string;
640
+ padding?: string;
641
+ };
642
+ };
643
+ };
644
+ toggle?: {
645
+ foreground?: string;
646
+ fontFamily?: string;
647
+ background?: string;
648
+ borderColor?: string;
649
+ borderWidth?: string;
650
+ foregroundHover?: string;
651
+ foregroundActive?: string;
652
+ backgroundHover?: string;
653
+ backgroundActive?: string;
654
+ icon?: {
655
+ foreground?: string;
656
+ foregroundHover?: string;
657
+ foregroundActive?: string;
658
+ };
659
+ };
660
+ };
661
+ };
662
+ public?: {
663
+ foreground?: string;
664
+ background?: string;
665
+ foregroundAccent?: string;
666
+ form?: {
667
+ columnGap?: string;
668
+ rowGap?: string;
669
+ field?: {
670
+ label?: {
671
+ foreground?: string;
672
+ fontFamily?: string;
673
+ fontWeight?: string;
674
+ };
675
+ input?: {
676
+ foreground?: string;
677
+ background?: string;
678
+ backgroundSubdued?: string;
679
+ foregroundSubdued?: string;
680
+ borderColor?: string;
681
+ borderColorHover?: string;
682
+ borderColorFocus?: string;
683
+ boxShadow?: string;
684
+ boxShadowHover?: string;
685
+ boxShadowFocus?: string;
686
+ height?: string;
687
+ padding?: string;
688
+ };
689
+ };
690
+ };
691
+ art?: {
692
+ background?: string;
693
+ primary?: string;
694
+ secondary?: string;
695
+ speed?: string;
696
+ };
697
+ };
698
+ popover?: {
699
+ menu?: {
700
+ background?: string;
701
+ boxShadow?: string;
702
+ borderRadius?: string;
703
+ };
704
+ };
705
+ };
706
+ }[];
707
+ dark: {
708
+ name: string;
709
+ appearance: "light" | "dark";
710
+ rules: {
711
+ foreground?: string;
712
+ background?: string;
713
+ backgroundSubdued?: string;
714
+ foregroundSubdued?: string;
715
+ borderColor?: string;
716
+ borderRadius?: string;
717
+ borderWidth?: string;
718
+ foregroundAccent?: string;
719
+ backgroundNormal?: string;
720
+ backgroundAccent?: string;
721
+ borderColorAccent?: string;
722
+ borderColorSubdued?: string;
723
+ primary?: string;
724
+ primaryBackground?: string;
725
+ primarySubdued?: string;
726
+ primaryAccent?: string;
727
+ secondary?: string;
728
+ secondaryBackground?: string;
729
+ secondarySubdued?: string;
730
+ secondaryAccent?: string;
731
+ success?: string;
732
+ successBackground?: string;
733
+ successSubdued?: string;
734
+ successAccent?: string;
735
+ warning?: string;
736
+ warningBackground?: string;
737
+ warningSubdued?: string;
738
+ warningAccent?: string;
739
+ danger?: string;
740
+ dangerBackground?: string;
741
+ dangerSubdued?: string;
742
+ dangerAccent?: string;
743
+ fonts?: {
744
+ display?: {
745
+ fontFamily?: string;
746
+ fontWeight?: string;
747
+ };
748
+ sans?: {
749
+ fontFamily?: string;
750
+ fontWeight?: string;
751
+ };
752
+ serif?: {
753
+ fontFamily?: string;
754
+ fontWeight?: string;
755
+ };
756
+ monospace?: {
757
+ fontFamily?: string;
758
+ fontWeight?: string;
759
+ };
760
+ };
761
+ navigation?: {
762
+ background?: string;
763
+ borderColor?: string;
764
+ borderWidth?: string;
765
+ backgroundAccent?: string;
766
+ project?: {
767
+ foreground?: string;
768
+ fontFamily?: string;
769
+ background?: string;
770
+ borderColor?: string;
771
+ borderWidth?: string;
772
+ };
773
+ modules?: {
774
+ background?: string;
775
+ borderColor?: string;
776
+ borderWidth?: string;
777
+ button?: {
778
+ foreground?: string;
779
+ background?: string;
780
+ foregroundHover?: string;
781
+ foregroundActive?: string;
782
+ backgroundHover?: string;
783
+ backgroundActive?: string;
784
+ };
785
+ };
786
+ list?: {
787
+ foreground?: string;
788
+ fontFamily?: string;
789
+ background?: string;
790
+ foregroundHover?: string;
791
+ foregroundActive?: string;
792
+ backgroundHover?: string;
793
+ backgroundActive?: string;
794
+ icon?: {
795
+ foreground?: string;
796
+ foregroundHover?: string;
797
+ foregroundActive?: string;
798
+ };
799
+ divider: {
800
+ borderColor?: string;
801
+ borderWidth?: string;
802
+ };
803
+ };
804
+ };
805
+ header?: {
806
+ background?: string;
807
+ borderColor?: string;
808
+ boxShadow?: string;
809
+ borderWidth?: string;
810
+ headline?: {
811
+ foreground?: string;
812
+ fontFamily?: string;
813
+ };
814
+ title?: {
815
+ foreground?: string;
816
+ fontFamily?: string;
817
+ fontWeight?: string;
818
+ };
819
+ };
820
+ form?: {
821
+ columnGap?: string;
822
+ rowGap?: string;
823
+ field?: {
824
+ label?: {
825
+ foreground?: string;
826
+ fontFamily?: string;
827
+ fontWeight?: string;
828
+ };
829
+ input?: {
830
+ foreground?: string;
831
+ background?: string;
832
+ backgroundSubdued?: string;
833
+ foregroundSubdued?: string;
834
+ borderColor?: string;
835
+ borderColorHover?: string;
836
+ borderColorFocus?: string;
837
+ boxShadow?: string;
838
+ boxShadowHover?: string;
839
+ boxShadowFocus?: string;
840
+ height?: string;
841
+ padding?: string;
842
+ };
843
+ };
844
+ };
845
+ sidebar?: {
846
+ foreground?: string;
847
+ fontFamily?: string;
848
+ background?: string;
849
+ borderColor?: string;
850
+ borderWidth?: string;
851
+ section?: {
852
+ form?: {
853
+ columnGap?: string;
854
+ rowGap?: string;
855
+ field?: {
856
+ label?: {
857
+ foreground?: string;
858
+ fontFamily?: string;
859
+ fontWeight?: string;
860
+ };
861
+ input?: {
862
+ foreground?: string;
863
+ background?: string;
864
+ backgroundSubdued?: string;
865
+ foregroundSubdued?: string;
866
+ borderColor?: string;
867
+ borderColorHover?: string;
868
+ borderColorFocus?: string;
869
+ boxShadow?: string;
870
+ boxShadowHover?: string;
871
+ boxShadowFocus?: string;
872
+ height?: string;
873
+ padding?: string;
874
+ };
875
+ };
876
+ };
877
+ toggle?: {
878
+ foreground?: string;
879
+ fontFamily?: string;
880
+ background?: string;
881
+ borderColor?: string;
882
+ borderWidth?: string;
883
+ foregroundHover?: string;
884
+ foregroundActive?: string;
885
+ backgroundHover?: string;
886
+ backgroundActive?: string;
887
+ icon?: {
888
+ foreground?: string;
889
+ foregroundHover?: string;
890
+ foregroundActive?: string;
891
+ };
892
+ };
893
+ };
894
+ };
895
+ public?: {
896
+ foreground?: string;
897
+ background?: string;
898
+ foregroundAccent?: string;
899
+ form?: {
900
+ columnGap?: string;
901
+ rowGap?: string;
902
+ field?: {
903
+ label?: {
904
+ foreground?: string;
905
+ fontFamily?: string;
906
+ fontWeight?: string;
907
+ };
908
+ input?: {
909
+ foreground?: string;
910
+ background?: string;
911
+ backgroundSubdued?: string;
912
+ foregroundSubdued?: string;
913
+ borderColor?: string;
914
+ borderColorHover?: string;
915
+ borderColorFocus?: string;
916
+ boxShadow?: string;
917
+ boxShadowHover?: string;
918
+ boxShadowFocus?: string;
919
+ height?: string;
920
+ padding?: string;
921
+ };
922
+ };
923
+ };
924
+ art?: {
925
+ background?: string;
926
+ primary?: string;
927
+ secondary?: string;
928
+ speed?: string;
929
+ };
930
+ };
931
+ popover?: {
932
+ menu?: {
933
+ background?: string;
934
+ boxShadow?: string;
935
+ borderRadius?: string;
936
+ };
937
+ };
938
+ };
939
+ }[];
940
+ };
941
+ registerTheme: (theme: Theme) => void;
942
+ }, never>, Pick<{
943
+ themes: {
944
+ light: {
945
+ name: string;
946
+ appearance: "light" | "dark";
947
+ rules: {
948
+ foreground?: string;
949
+ background?: string;
950
+ backgroundSubdued?: string;
951
+ foregroundSubdued?: string;
952
+ borderColor?: string;
953
+ borderRadius?: string;
954
+ borderWidth?: string;
955
+ foregroundAccent?: string;
956
+ backgroundNormal?: string;
957
+ backgroundAccent?: string;
958
+ borderColorAccent?: string;
959
+ borderColorSubdued?: string;
960
+ primary?: string;
961
+ primaryBackground?: string;
962
+ primarySubdued?: string;
963
+ primaryAccent?: string;
964
+ secondary?: string;
965
+ secondaryBackground?: string;
966
+ secondarySubdued?: string;
967
+ secondaryAccent?: string;
968
+ success?: string;
969
+ successBackground?: string;
970
+ successSubdued?: string;
971
+ successAccent?: string;
972
+ warning?: string;
973
+ warningBackground?: string;
974
+ warningSubdued?: string;
975
+ warningAccent?: string;
976
+ danger?: string;
977
+ dangerBackground?: string;
978
+ dangerSubdued?: string;
979
+ dangerAccent?: string;
980
+ fonts?: {
981
+ display?: {
982
+ fontFamily?: string;
983
+ fontWeight?: string;
984
+ };
985
+ sans?: {
986
+ fontFamily?: string;
987
+ fontWeight?: string;
988
+ };
989
+ serif?: {
990
+ fontFamily?: string;
991
+ fontWeight?: string;
992
+ };
993
+ monospace?: {
994
+ fontFamily?: string;
995
+ fontWeight?: string;
996
+ };
997
+ };
998
+ navigation?: {
999
+ background?: string;
1000
+ borderColor?: string;
1001
+ borderWidth?: string;
1002
+ backgroundAccent?: string;
1003
+ project?: {
1004
+ foreground?: string;
1005
+ fontFamily?: string;
1006
+ background?: string;
1007
+ borderColor?: string;
1008
+ borderWidth?: string;
1009
+ };
1010
+ modules?: {
1011
+ background?: string;
1012
+ borderColor?: string;
1013
+ borderWidth?: string;
1014
+ button?: {
1015
+ foreground?: string;
1016
+ background?: string;
1017
+ foregroundHover?: string;
1018
+ foregroundActive?: string;
1019
+ backgroundHover?: string;
1020
+ backgroundActive?: string;
1021
+ };
1022
+ };
1023
+ list?: {
1024
+ foreground?: string;
1025
+ fontFamily?: string;
1026
+ background?: string;
1027
+ foregroundHover?: string;
1028
+ foregroundActive?: string;
1029
+ backgroundHover?: string;
1030
+ backgroundActive?: string;
1031
+ icon?: {
1032
+ foreground?: string;
1033
+ foregroundHover?: string;
1034
+ foregroundActive?: string;
1035
+ };
1036
+ divider: {
1037
+ borderColor?: string;
1038
+ borderWidth?: string;
1039
+ };
1040
+ };
1041
+ };
1042
+ header?: {
1043
+ background?: string;
1044
+ borderColor?: string;
1045
+ boxShadow?: string;
1046
+ borderWidth?: string;
1047
+ headline?: {
1048
+ foreground?: string;
1049
+ fontFamily?: string;
1050
+ };
1051
+ title?: {
1052
+ foreground?: string;
1053
+ fontFamily?: string;
1054
+ fontWeight?: string;
1055
+ };
1056
+ };
1057
+ form?: {
1058
+ columnGap?: string;
1059
+ rowGap?: string;
1060
+ field?: {
1061
+ label?: {
1062
+ foreground?: string;
1063
+ fontFamily?: string;
1064
+ fontWeight?: string;
1065
+ };
1066
+ input?: {
1067
+ foreground?: string;
1068
+ background?: string;
1069
+ backgroundSubdued?: string;
1070
+ foregroundSubdued?: string;
1071
+ borderColor?: string;
1072
+ borderColorHover?: string;
1073
+ borderColorFocus?: string;
1074
+ boxShadow?: string;
1075
+ boxShadowHover?: string;
1076
+ boxShadowFocus?: string;
1077
+ height?: string;
1078
+ padding?: string;
1079
+ };
1080
+ };
1081
+ };
1082
+ sidebar?: {
1083
+ foreground?: string;
1084
+ fontFamily?: string;
1085
+ background?: string;
1086
+ borderColor?: string;
1087
+ borderWidth?: string;
1088
+ section?: {
1089
+ form?: {
1090
+ columnGap?: string;
1091
+ rowGap?: string;
1092
+ field?: {
1093
+ label?: {
1094
+ foreground?: string;
1095
+ fontFamily?: string;
1096
+ fontWeight?: string;
1097
+ };
1098
+ input?: {
1099
+ foreground?: string;
1100
+ background?: string;
1101
+ backgroundSubdued?: string;
1102
+ foregroundSubdued?: string;
1103
+ borderColor?: string;
1104
+ borderColorHover?: string;
1105
+ borderColorFocus?: string;
1106
+ boxShadow?: string;
1107
+ boxShadowHover?: string;
1108
+ boxShadowFocus?: string;
1109
+ height?: string;
1110
+ padding?: string;
1111
+ };
1112
+ };
1113
+ };
1114
+ toggle?: {
1115
+ foreground?: string;
1116
+ fontFamily?: string;
1117
+ background?: string;
1118
+ borderColor?: string;
1119
+ borderWidth?: string;
1120
+ foregroundHover?: string;
1121
+ foregroundActive?: string;
1122
+ backgroundHover?: string;
1123
+ backgroundActive?: string;
1124
+ icon?: {
1125
+ foreground?: string;
1126
+ foregroundHover?: string;
1127
+ foregroundActive?: string;
1128
+ };
1129
+ };
1130
+ };
1131
+ };
1132
+ public?: {
1133
+ foreground?: string;
1134
+ background?: string;
1135
+ foregroundAccent?: string;
1136
+ form?: {
1137
+ columnGap?: string;
1138
+ rowGap?: string;
1139
+ field?: {
1140
+ label?: {
1141
+ foreground?: string;
1142
+ fontFamily?: string;
1143
+ fontWeight?: string;
1144
+ };
1145
+ input?: {
1146
+ foreground?: string;
1147
+ background?: string;
1148
+ backgroundSubdued?: string;
1149
+ foregroundSubdued?: string;
1150
+ borderColor?: string;
1151
+ borderColorHover?: string;
1152
+ borderColorFocus?: string;
1153
+ boxShadow?: string;
1154
+ boxShadowHover?: string;
1155
+ boxShadowFocus?: string;
1156
+ height?: string;
1157
+ padding?: string;
1158
+ };
1159
+ };
1160
+ };
1161
+ art?: {
1162
+ background?: string;
1163
+ primary?: string;
1164
+ secondary?: string;
1165
+ speed?: string;
1166
+ };
1167
+ };
1168
+ popover?: {
1169
+ menu?: {
1170
+ background?: string;
1171
+ boxShadow?: string;
1172
+ borderRadius?: string;
1173
+ };
1174
+ };
1175
+ };
1176
+ }[];
1177
+ dark: {
1178
+ name: string;
1179
+ appearance: "light" | "dark";
1180
+ rules: {
1181
+ foreground?: string;
1182
+ background?: string;
1183
+ backgroundSubdued?: string;
1184
+ foregroundSubdued?: string;
1185
+ borderColor?: string;
1186
+ borderRadius?: string;
1187
+ borderWidth?: string;
1188
+ foregroundAccent?: string;
1189
+ backgroundNormal?: string;
1190
+ backgroundAccent?: string;
1191
+ borderColorAccent?: string;
1192
+ borderColorSubdued?: string;
1193
+ primary?: string;
1194
+ primaryBackground?: string;
1195
+ primarySubdued?: string;
1196
+ primaryAccent?: string;
1197
+ secondary?: string;
1198
+ secondaryBackground?: string;
1199
+ secondarySubdued?: string;
1200
+ secondaryAccent?: string;
1201
+ success?: string;
1202
+ successBackground?: string;
1203
+ successSubdued?: string;
1204
+ successAccent?: string;
1205
+ warning?: string;
1206
+ warningBackground?: string;
1207
+ warningSubdued?: string;
1208
+ warningAccent?: string;
1209
+ danger?: string;
1210
+ dangerBackground?: string;
1211
+ dangerSubdued?: string;
1212
+ dangerAccent?: string;
1213
+ fonts?: {
1214
+ display?: {
1215
+ fontFamily?: string;
1216
+ fontWeight?: string;
1217
+ };
1218
+ sans?: {
1219
+ fontFamily?: string;
1220
+ fontWeight?: string;
1221
+ };
1222
+ serif?: {
1223
+ fontFamily?: string;
1224
+ fontWeight?: string;
1225
+ };
1226
+ monospace?: {
1227
+ fontFamily?: string;
1228
+ fontWeight?: string;
1229
+ };
1230
+ };
1231
+ navigation?: {
1232
+ background?: string;
1233
+ borderColor?: string;
1234
+ borderWidth?: string;
1235
+ backgroundAccent?: string;
1236
+ project?: {
1237
+ foreground?: string;
1238
+ fontFamily?: string;
1239
+ background?: string;
1240
+ borderColor?: string;
1241
+ borderWidth?: string;
1242
+ };
1243
+ modules?: {
1244
+ background?: string;
1245
+ borderColor?: string;
1246
+ borderWidth?: string;
1247
+ button?: {
1248
+ foreground?: string;
1249
+ background?: string;
1250
+ foregroundHover?: string;
1251
+ foregroundActive?: string;
1252
+ backgroundHover?: string;
1253
+ backgroundActive?: string;
1254
+ };
1255
+ };
1256
+ list?: {
1257
+ foreground?: string;
1258
+ fontFamily?: string;
1259
+ background?: string;
1260
+ foregroundHover?: string;
1261
+ foregroundActive?: string;
1262
+ backgroundHover?: string;
1263
+ backgroundActive?: string;
1264
+ icon?: {
1265
+ foreground?: string;
1266
+ foregroundHover?: string;
1267
+ foregroundActive?: string;
1268
+ };
1269
+ divider: {
1270
+ borderColor?: string;
1271
+ borderWidth?: string;
1272
+ };
1273
+ };
1274
+ };
1275
+ header?: {
1276
+ background?: string;
1277
+ borderColor?: string;
1278
+ boxShadow?: string;
1279
+ borderWidth?: string;
1280
+ headline?: {
1281
+ foreground?: string;
1282
+ fontFamily?: string;
1283
+ };
1284
+ title?: {
1285
+ foreground?: string;
1286
+ fontFamily?: string;
1287
+ fontWeight?: string;
1288
+ };
1289
+ };
1290
+ form?: {
1291
+ columnGap?: string;
1292
+ rowGap?: string;
1293
+ field?: {
1294
+ label?: {
1295
+ foreground?: string;
1296
+ fontFamily?: string;
1297
+ fontWeight?: string;
1298
+ };
1299
+ input?: {
1300
+ foreground?: string;
1301
+ background?: string;
1302
+ backgroundSubdued?: string;
1303
+ foregroundSubdued?: string;
1304
+ borderColor?: string;
1305
+ borderColorHover?: string;
1306
+ borderColorFocus?: string;
1307
+ boxShadow?: string;
1308
+ boxShadowHover?: string;
1309
+ boxShadowFocus?: string;
1310
+ height?: string;
1311
+ padding?: string;
1312
+ };
1313
+ };
1314
+ };
1315
+ sidebar?: {
1316
+ foreground?: string;
1317
+ fontFamily?: string;
1318
+ background?: string;
1319
+ borderColor?: string;
1320
+ borderWidth?: string;
1321
+ section?: {
1322
+ form?: {
1323
+ columnGap?: string;
1324
+ rowGap?: string;
1325
+ field?: {
1326
+ label?: {
1327
+ foreground?: string;
1328
+ fontFamily?: string;
1329
+ fontWeight?: string;
1330
+ };
1331
+ input?: {
1332
+ foreground?: string;
1333
+ background?: string;
1334
+ backgroundSubdued?: string;
1335
+ foregroundSubdued?: string;
1336
+ borderColor?: string;
1337
+ borderColorHover?: string;
1338
+ borderColorFocus?: string;
1339
+ boxShadow?: string;
1340
+ boxShadowHover?: string;
1341
+ boxShadowFocus?: string;
1342
+ height?: string;
1343
+ padding?: string;
1344
+ };
1345
+ };
1346
+ };
1347
+ toggle?: {
1348
+ foreground?: string;
1349
+ fontFamily?: string;
1350
+ background?: string;
1351
+ borderColor?: string;
1352
+ borderWidth?: string;
1353
+ foregroundHover?: string;
1354
+ foregroundActive?: string;
1355
+ backgroundHover?: string;
1356
+ backgroundActive?: string;
1357
+ icon?: {
1358
+ foreground?: string;
1359
+ foregroundHover?: string;
1360
+ foregroundActive?: string;
1361
+ };
1362
+ };
1363
+ };
1364
+ };
1365
+ public?: {
1366
+ foreground?: string;
1367
+ background?: string;
1368
+ foregroundAccent?: string;
1369
+ form?: {
1370
+ columnGap?: string;
1371
+ rowGap?: string;
1372
+ field?: {
1373
+ label?: {
1374
+ foreground?: string;
1375
+ fontFamily?: string;
1376
+ fontWeight?: string;
1377
+ };
1378
+ input?: {
1379
+ foreground?: string;
1380
+ background?: string;
1381
+ backgroundSubdued?: string;
1382
+ foregroundSubdued?: string;
1383
+ borderColor?: string;
1384
+ borderColorHover?: string;
1385
+ borderColorFocus?: string;
1386
+ boxShadow?: string;
1387
+ boxShadowHover?: string;
1388
+ boxShadowFocus?: string;
1389
+ height?: string;
1390
+ padding?: string;
1391
+ };
1392
+ };
1393
+ };
1394
+ art?: {
1395
+ background?: string;
1396
+ primary?: string;
1397
+ secondary?: string;
1398
+ speed?: string;
1399
+ };
1400
+ };
1401
+ popover?: {
1402
+ menu?: {
1403
+ background?: string;
1404
+ boxShadow?: string;
1405
+ borderRadius?: string;
1406
+ };
1407
+ };
1408
+ };
1409
+ }[];
1410
+ };
1411
+ registerTheme: (theme: Theme) => void;
1412
+ }, "registerTheme">>;