@directus/themes 1.2.6 → 1.3.1

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/dist/index.d.ts CHANGED
@@ -1,5 +1,2139 @@
1
- export * from './components/index.js';
2
- export * from './composables/index.js';
3
- export * from './stores/index.js';
4
- export type { Theme } from '@directus/types';
5
- export * from './utils/index.js';
1
+ import * as vue0 from "vue";
2
+ import { MaybeRef } from "vue";
3
+ import * as pinia0 from "pinia";
4
+ import { DeepPartial, Theme, Theme as Theme$1 } from "@directus/types";
5
+
6
+ //#region src/components/theme-provider.vue.d.ts
7
+ type __VLS_Props = {
8
+ darkMode: boolean;
9
+ themeLight?: string | null;
10
+ themeLightOverrides?: DeepPartial<Theme$1['rules']>;
11
+ themeDark?: string | null;
12
+ themeDarkOverrides?: DeepPartial<Theme$1['rules']>;
13
+ };
14
+ declare const __VLS_export: vue0.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ themeLight: string | null;
16
+ themeLightOverrides: DeepPartial<Theme$1["rules"]>;
17
+ themeDark: string | null;
18
+ themeDarkOverrides: DeepPartial<Theme$1["rules"]>;
19
+ }, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: typeof __VLS_export;
21
+ //#endregion
22
+ //#region src/composables/use-fonts.d.ts
23
+ declare const useFonts: (theme: MaybeRef<Theme$1 | DeepPartial<Theme$1>>) => {
24
+ googleFonts: vue0.ComputedRef<string[]>;
25
+ };
26
+ //#endregion
27
+ //#region src/composables/use-theme.d.ts
28
+ declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRef<string | null>, themeDark: MaybeRef<string | null>, themeLightOverrides: MaybeRef<DeepPartial<Theme$1["rules"]>>, themeDarkOverrides: MaybeRef<DeepPartial<Theme$1["rules"]>>) => {
29
+ theme: vue0.ComputedRef<{
30
+ id: string;
31
+ name: string;
32
+ appearance: "light";
33
+ rules: {
34
+ borderRadius: string;
35
+ borderWidth: string;
36
+ foreground: string;
37
+ foregroundAccent: string;
38
+ foregroundSubdued: string;
39
+ background: string;
40
+ backgroundNormal: string;
41
+ backgroundAccent: string;
42
+ backgroundSubdued: string;
43
+ borderColor: string;
44
+ borderColorAccent: string;
45
+ borderColorSubdued: string;
46
+ primary: string;
47
+ primaryBackground: string;
48
+ primarySubdued: string;
49
+ primaryAccent: string;
50
+ secondary: string;
51
+ secondaryBackground: string;
52
+ secondarySubdued: string;
53
+ secondaryAccent: string;
54
+ success: string;
55
+ successBackground: string;
56
+ successSubdued: string;
57
+ successAccent: string;
58
+ warning: string;
59
+ warningBackground: string;
60
+ warningSubdued: string;
61
+ warningAccent: string;
62
+ danger: string;
63
+ dangerBackground: string;
64
+ dangerSubdued: string;
65
+ dangerAccent: string;
66
+ fonts: {
67
+ display: {
68
+ fontFamily: string;
69
+ fontWeight: string;
70
+ };
71
+ sans: {
72
+ fontFamily: string;
73
+ fontWeight: string;
74
+ };
75
+ serif: {
76
+ fontFamily: string;
77
+ fontWeight: string;
78
+ };
79
+ monospace: {
80
+ fontFamily: string;
81
+ fontWeight: string;
82
+ };
83
+ };
84
+ navigation: {
85
+ background: string;
86
+ backgroundAccent: string;
87
+ borderColor: string;
88
+ borderWidth: string;
89
+ project: {
90
+ borderColor: string;
91
+ borderWidth: string;
92
+ background: string;
93
+ foreground: string;
94
+ fontFamily: string;
95
+ };
96
+ modules: {
97
+ background: string;
98
+ borderColor: string;
99
+ borderWidth: string;
100
+ button: {
101
+ foreground: string;
102
+ foregroundHover: string;
103
+ foregroundActive: string;
104
+ background: string;
105
+ backgroundHover: string;
106
+ backgroundActive: string;
107
+ };
108
+ };
109
+ list: {
110
+ icon: {
111
+ foreground: string;
112
+ foregroundHover: string;
113
+ foregroundActive: string;
114
+ };
115
+ foreground: string;
116
+ foregroundHover: string;
117
+ foregroundActive: string;
118
+ background: string;
119
+ backgroundHover: string;
120
+ backgroundActive: string;
121
+ fontFamily: string;
122
+ divider: {
123
+ borderColor: string;
124
+ borderWidth: string;
125
+ };
126
+ };
127
+ };
128
+ header: {
129
+ background: string;
130
+ borderColor: string;
131
+ borderWidth: string;
132
+ boxShadow: string;
133
+ headline: {
134
+ foreground: string;
135
+ fontFamily: string;
136
+ };
137
+ title: {
138
+ foreground: string;
139
+ fontFamily: string;
140
+ fontWeight: string;
141
+ };
142
+ };
143
+ form: {
144
+ columnGap: string;
145
+ rowGap: string;
146
+ field: {
147
+ label: {
148
+ foreground: string;
149
+ fontFamily: string;
150
+ fontWeight: string;
151
+ };
152
+ input: {
153
+ background: string;
154
+ backgroundSubdued: string;
155
+ foreground: string;
156
+ foregroundSubdued: string;
157
+ borderColor: string;
158
+ borderColorHover: string;
159
+ borderColorFocus: string;
160
+ boxShadow: string;
161
+ boxShadowHover: string;
162
+ boxShadowFocus: string;
163
+ height: string;
164
+ padding: string;
165
+ };
166
+ };
167
+ };
168
+ sidebar: {
169
+ background: string;
170
+ foreground: string;
171
+ fontFamily: string;
172
+ borderColor: string;
173
+ borderWidth: string;
174
+ section: {
175
+ toggle: {
176
+ icon: {
177
+ foreground: string;
178
+ foregroundHover: string;
179
+ foregroundActive: string;
180
+ };
181
+ foreground: string;
182
+ foregroundHover: string;
183
+ foregroundActive: string;
184
+ background: string;
185
+ backgroundHover: string;
186
+ backgroundActive: string;
187
+ fontFamily: string;
188
+ borderColor: string;
189
+ borderWidth: string;
190
+ };
191
+ form: {
192
+ columnGap: string;
193
+ rowGap: string;
194
+ label: {
195
+ foreground: string;
196
+ fontFamily: string;
197
+ };
198
+ field: {
199
+ input: {
200
+ background: string;
201
+ foreground: string;
202
+ foregroundSubdued: string;
203
+ borderColor: string;
204
+ borderColorHover: string;
205
+ borderColorFocus: string;
206
+ boxShadow: string;
207
+ boxShadowHover: string;
208
+ boxShadowFocus: string;
209
+ height: string;
210
+ padding: string;
211
+ };
212
+ };
213
+ };
214
+ };
215
+ };
216
+ public: {
217
+ background: string;
218
+ foreground: string;
219
+ foregroundAccent: string;
220
+ art: {
221
+ background: string;
222
+ primary: string;
223
+ secondary: string;
224
+ speed: string;
225
+ };
226
+ form: {
227
+ columnGap: string;
228
+ rowGap: string;
229
+ label: {
230
+ foreground: string;
231
+ fontFamily: string;
232
+ };
233
+ field: {
234
+ input: {
235
+ background: string;
236
+ foreground: string;
237
+ foregroundSubdued: string;
238
+ borderColor: string;
239
+ borderColorHover: string;
240
+ borderColorFocus: string;
241
+ boxShadow: string;
242
+ boxShadowHover: string;
243
+ boxShadowFocus: string;
244
+ height: string;
245
+ padding: string;
246
+ };
247
+ };
248
+ };
249
+ };
250
+ popover: {
251
+ menu: {
252
+ background: string;
253
+ borderRadius: string;
254
+ boxShadow: string;
255
+ };
256
+ };
257
+ banner: {
258
+ background: string;
259
+ padding: string;
260
+ borderRadius: string;
261
+ avatar: {
262
+ borderRadius: string;
263
+ foreground: string;
264
+ background: string;
265
+ };
266
+ headline: {
267
+ foreground: string;
268
+ fontFamily: string;
269
+ fontWeight: string;
270
+ };
271
+ title: {
272
+ foreground: string;
273
+ fontFamily: string;
274
+ fontWeight: string;
275
+ };
276
+ subtitle: {
277
+ foreground: string;
278
+ fontFamily: string;
279
+ fontWeight: string;
280
+ };
281
+ art: {
282
+ foreground: string;
283
+ };
284
+ };
285
+ };
286
+ } | {
287
+ id: string;
288
+ name: string;
289
+ appearance: "dark";
290
+ rules: {
291
+ borderRadius: string;
292
+ borderWidth: string;
293
+ foreground: string;
294
+ foregroundAccent: string;
295
+ foregroundSubdued: string;
296
+ background: string;
297
+ backgroundNormal: string;
298
+ backgroundAccent: string;
299
+ backgroundSubdued: string;
300
+ borderColor: string;
301
+ borderColorAccent: string;
302
+ borderColorSubdued: string;
303
+ primary: string;
304
+ primaryBackground: string;
305
+ primarySubdued: string;
306
+ primaryAccent: string;
307
+ secondary: string;
308
+ secondaryBackground: string;
309
+ secondarySubdued: string;
310
+ secondaryAccent: string;
311
+ success: string;
312
+ successBackground: string;
313
+ successSubdued: string;
314
+ successAccent: string;
315
+ warning: string;
316
+ warningBackground: string;
317
+ warningSubdued: string;
318
+ warningAccent: string;
319
+ danger: string;
320
+ dangerBackground: string;
321
+ dangerSubdued: string;
322
+ dangerAccent: string;
323
+ fonts: {
324
+ display: {
325
+ fontFamily: string;
326
+ fontWeight: string;
327
+ };
328
+ sans: {
329
+ fontFamily: string;
330
+ fontWeight: string;
331
+ };
332
+ serif: {
333
+ fontFamily: string;
334
+ fontWeight: string;
335
+ };
336
+ monospace: {
337
+ fontFamily: string;
338
+ fontWeight: string;
339
+ };
340
+ };
341
+ navigation: {
342
+ background: string;
343
+ backgroundAccent: string;
344
+ borderColor: string;
345
+ borderWidth: string;
346
+ project: {
347
+ borderColor: string;
348
+ borderWidth: string;
349
+ background: string;
350
+ foreground: string;
351
+ fontFamily: string;
352
+ };
353
+ modules: {
354
+ background: string;
355
+ borderColor: string;
356
+ borderWidth: string;
357
+ button: {
358
+ foreground: string;
359
+ foregroundHover: string;
360
+ foregroundActive: string;
361
+ background: string;
362
+ backgroundHover: string;
363
+ backgroundActive: string;
364
+ };
365
+ };
366
+ list: {
367
+ icon: {
368
+ foreground: string;
369
+ foregroundHover: string;
370
+ foregroundActive: string;
371
+ };
372
+ foreground: string;
373
+ foregroundHover: string;
374
+ foregroundActive: string;
375
+ background: string;
376
+ backgroundHover: string;
377
+ backgroundActive: string;
378
+ fontFamily: string;
379
+ divider: {
380
+ borderColor: string;
381
+ borderWidth: string;
382
+ };
383
+ };
384
+ };
385
+ header: {
386
+ background: string;
387
+ borderColor: string;
388
+ borderWidth: string;
389
+ boxShadow: string;
390
+ headline: {
391
+ foreground: string;
392
+ fontFamily: string;
393
+ };
394
+ title: {
395
+ foreground: string;
396
+ fontFamily: string;
397
+ fontWeight: string;
398
+ };
399
+ };
400
+ form: {
401
+ columnGap: string;
402
+ rowGap: string;
403
+ field: {
404
+ label: {
405
+ foreground: string;
406
+ fontFamily: string;
407
+ fontWeight: string;
408
+ };
409
+ input: {
410
+ background: string;
411
+ backgroundSubdued: string;
412
+ foreground: string;
413
+ foregroundSubdued: string;
414
+ borderColor: string;
415
+ borderColorHover: string;
416
+ borderColorFocus: string;
417
+ boxShadow: string;
418
+ boxShadowHover: string;
419
+ boxShadowFocus: string;
420
+ height: string;
421
+ padding: string;
422
+ };
423
+ };
424
+ };
425
+ sidebar: {
426
+ background: string;
427
+ foreground: string;
428
+ fontFamily: string;
429
+ borderColor: string;
430
+ borderWidth: string;
431
+ section: {
432
+ toggle: {
433
+ icon: {
434
+ foreground: string;
435
+ foregroundHover: string;
436
+ foregroundActive: string;
437
+ };
438
+ foreground: string;
439
+ foregroundHover: string;
440
+ foregroundActive: string;
441
+ background: string;
442
+ backgroundHover: string;
443
+ backgroundActive: string;
444
+ fontFamily: string;
445
+ borderColor: string;
446
+ borderWidth: string;
447
+ };
448
+ form: {
449
+ columnGap: string;
450
+ rowGap: string;
451
+ label: {
452
+ foreground: string;
453
+ fontFamily: string;
454
+ };
455
+ field: {
456
+ input: {
457
+ background: string;
458
+ foreground: string;
459
+ foregroundSubdued: string;
460
+ borderColor: string;
461
+ borderColorHover: string;
462
+ borderColorFocus: string;
463
+ boxShadow: string;
464
+ boxShadowHover: string;
465
+ boxShadowFocus: string;
466
+ height: string;
467
+ padding: string;
468
+ };
469
+ };
470
+ };
471
+ };
472
+ };
473
+ public: {
474
+ background: string;
475
+ foreground: string;
476
+ foregroundAccent: string;
477
+ art: {
478
+ background: string;
479
+ primary: string;
480
+ secondary: string;
481
+ speed: string;
482
+ };
483
+ form: {
484
+ columnGap: string;
485
+ rowGap: string;
486
+ field: {
487
+ label: {
488
+ foreground: string;
489
+ fontFamily: string;
490
+ };
491
+ input: {
492
+ background: string;
493
+ foreground: string;
494
+ foregroundSubdued: string;
495
+ borderColor: string;
496
+ borderColorHover: string;
497
+ borderColorFocus: string;
498
+ boxShadow: string;
499
+ boxShadowHover: string;
500
+ boxShadowFocus: string;
501
+ height: string;
502
+ padding: string;
503
+ };
504
+ };
505
+ };
506
+ };
507
+ popover: {
508
+ menu: {
509
+ background: string;
510
+ borderRadius: string;
511
+ boxShadow: string;
512
+ };
513
+ };
514
+ banner: {
515
+ background: string;
516
+ padding: string;
517
+ borderRadius: string;
518
+ avatar: {
519
+ borderRadius: string;
520
+ foreground: string;
521
+ background: string;
522
+ };
523
+ headline: {
524
+ foreground: string;
525
+ fontFamily: string;
526
+ fontWeight: string;
527
+ };
528
+ title: {
529
+ foreground: string;
530
+ fontFamily: string;
531
+ fontWeight: string;
532
+ };
533
+ subtitle: {
534
+ foreground: string;
535
+ fontFamily: string;
536
+ fontWeight: string;
537
+ };
538
+ art: {
539
+ foreground: string;
540
+ };
541
+ };
542
+ };
543
+ }>;
544
+ };
545
+ //#endregion
546
+ //#region src/stores/theme.d.ts
547
+ declare const useThemeStore: pinia0.StoreDefinition<"🎨 Themes", Pick<{
548
+ themes: {
549
+ light: {
550
+ id: string;
551
+ name: string;
552
+ appearance: "light" | "dark";
553
+ rules: {
554
+ borderRadius?: string;
555
+ borderWidth?: string;
556
+ foreground?: string;
557
+ foregroundSubdued?: string;
558
+ foregroundAccent?: string;
559
+ background?: string;
560
+ backgroundNormal?: string;
561
+ backgroundAccent?: string;
562
+ backgroundSubdued?: string;
563
+ borderColor?: string;
564
+ borderColorAccent?: string;
565
+ borderColorSubdued?: string;
566
+ primary?: string;
567
+ primaryBackground?: string;
568
+ primarySubdued?: string;
569
+ primaryAccent?: string;
570
+ secondary?: string;
571
+ secondaryBackground?: string;
572
+ secondarySubdued?: string;
573
+ secondaryAccent?: string;
574
+ success?: string;
575
+ successBackground?: string;
576
+ successSubdued?: string;
577
+ successAccent?: string;
578
+ warning?: string;
579
+ warningBackground?: string;
580
+ warningSubdued?: string;
581
+ warningAccent?: string;
582
+ danger?: string;
583
+ dangerBackground?: string;
584
+ dangerSubdued?: string;
585
+ dangerAccent?: string;
586
+ fonts?: {
587
+ display?: {
588
+ fontFamily?: string;
589
+ fontWeight?: string;
590
+ };
591
+ sans?: {
592
+ fontFamily?: string;
593
+ fontWeight?: string;
594
+ };
595
+ serif?: {
596
+ fontFamily?: string;
597
+ fontWeight?: string;
598
+ };
599
+ monospace?: {
600
+ fontFamily?: string;
601
+ fontWeight?: string;
602
+ };
603
+ };
604
+ navigation?: {
605
+ borderWidth?: string;
606
+ background?: string;
607
+ backgroundAccent?: string;
608
+ borderColor?: string;
609
+ project?: {
610
+ borderWidth?: string;
611
+ foreground?: string;
612
+ background?: string;
613
+ borderColor?: string;
614
+ fontFamily?: string;
615
+ };
616
+ modules?: {
617
+ borderWidth?: string;
618
+ background?: string;
619
+ borderColor?: string;
620
+ button?: {
621
+ foreground?: string;
622
+ background?: string;
623
+ foregroundHover?: string;
624
+ foregroundActive?: string;
625
+ backgroundHover?: string;
626
+ backgroundActive?: string;
627
+ };
628
+ };
629
+ list?: {
630
+ foreground?: string;
631
+ background?: string;
632
+ fontFamily?: string;
633
+ foregroundHover?: string;
634
+ foregroundActive?: string;
635
+ backgroundHover?: string;
636
+ backgroundActive?: string;
637
+ icon?: {
638
+ foreground?: string;
639
+ foregroundHover?: string;
640
+ foregroundActive?: string;
641
+ };
642
+ divider: {
643
+ borderWidth?: string;
644
+ borderColor?: string;
645
+ };
646
+ };
647
+ };
648
+ header?: {
649
+ borderWidth?: string;
650
+ background?: string;
651
+ borderColor?: string;
652
+ boxShadow?: string;
653
+ headline?: {
654
+ foreground?: string;
655
+ fontFamily?: string;
656
+ };
657
+ title?: {
658
+ foreground?: string;
659
+ fontFamily?: string;
660
+ fontWeight?: string;
661
+ };
662
+ };
663
+ form?: {
664
+ columnGap?: string;
665
+ rowGap?: string;
666
+ field?: {
667
+ label?: {
668
+ foreground?: string;
669
+ fontFamily?: string;
670
+ fontWeight?: string;
671
+ };
672
+ input?: {
673
+ foreground?: string;
674
+ foregroundSubdued?: string;
675
+ background?: string;
676
+ backgroundSubdued?: string;
677
+ borderColor?: string;
678
+ boxShadow?: string;
679
+ borderColorHover?: string;
680
+ borderColorFocus?: string;
681
+ boxShadowHover?: string;
682
+ boxShadowFocus?: string;
683
+ height?: string;
684
+ padding?: string;
685
+ };
686
+ };
687
+ };
688
+ sidebar?: {
689
+ borderWidth?: string;
690
+ foreground?: string;
691
+ background?: string;
692
+ borderColor?: string;
693
+ fontFamily?: string;
694
+ section?: {
695
+ form?: {
696
+ columnGap?: string;
697
+ rowGap?: string;
698
+ field?: {
699
+ label?: {
700
+ foreground?: string;
701
+ fontFamily?: string;
702
+ fontWeight?: string;
703
+ };
704
+ input?: {
705
+ foreground?: string;
706
+ foregroundSubdued?: string;
707
+ background?: string;
708
+ backgroundSubdued?: string;
709
+ borderColor?: string;
710
+ boxShadow?: string;
711
+ borderColorHover?: string;
712
+ borderColorFocus?: string;
713
+ boxShadowHover?: string;
714
+ boxShadowFocus?: string;
715
+ height?: string;
716
+ padding?: string;
717
+ };
718
+ };
719
+ };
720
+ toggle?: {
721
+ borderWidth?: string;
722
+ foreground?: string;
723
+ background?: string;
724
+ borderColor?: string;
725
+ fontFamily?: string;
726
+ foregroundHover?: string;
727
+ foregroundActive?: string;
728
+ backgroundHover?: string;
729
+ backgroundActive?: string;
730
+ icon?: {
731
+ foreground?: string;
732
+ foregroundHover?: string;
733
+ foregroundActive?: string;
734
+ };
735
+ };
736
+ };
737
+ };
738
+ public?: {
739
+ foreground?: string;
740
+ foregroundAccent?: string;
741
+ background?: string;
742
+ form?: {
743
+ columnGap?: string;
744
+ rowGap?: string;
745
+ field?: {
746
+ label?: {
747
+ foreground?: string;
748
+ fontFamily?: string;
749
+ fontWeight?: string;
750
+ };
751
+ input?: {
752
+ foreground?: string;
753
+ foregroundSubdued?: string;
754
+ background?: string;
755
+ backgroundSubdued?: string;
756
+ borderColor?: string;
757
+ boxShadow?: string;
758
+ borderColorHover?: string;
759
+ borderColorFocus?: string;
760
+ boxShadowHover?: string;
761
+ boxShadowFocus?: string;
762
+ height?: string;
763
+ padding?: string;
764
+ };
765
+ };
766
+ };
767
+ art?: {
768
+ background?: string;
769
+ primary?: string;
770
+ secondary?: string;
771
+ speed?: string;
772
+ };
773
+ };
774
+ popover?: {
775
+ menu?: {
776
+ borderRadius?: string;
777
+ background?: string;
778
+ boxShadow?: string;
779
+ };
780
+ };
781
+ banner?: {
782
+ borderRadius?: string;
783
+ background?: string;
784
+ headline?: {
785
+ foreground?: string;
786
+ fontFamily?: string;
787
+ fontWeight?: string;
788
+ };
789
+ title?: {
790
+ foreground?: string;
791
+ fontFamily?: string;
792
+ fontWeight?: string;
793
+ };
794
+ padding?: string;
795
+ art?: {
796
+ foreground?: string;
797
+ };
798
+ avatar?: {
799
+ borderRadius?: string;
800
+ foreground?: string;
801
+ background?: string;
802
+ };
803
+ subtitle?: {
804
+ foreground?: string;
805
+ fontFamily?: string;
806
+ fontWeight?: string;
807
+ };
808
+ };
809
+ };
810
+ }[];
811
+ dark: {
812
+ id: string;
813
+ name: string;
814
+ appearance: "light" | "dark";
815
+ rules: {
816
+ borderRadius?: string;
817
+ borderWidth?: string;
818
+ foreground?: string;
819
+ foregroundSubdued?: string;
820
+ foregroundAccent?: string;
821
+ background?: string;
822
+ backgroundNormal?: string;
823
+ backgroundAccent?: string;
824
+ backgroundSubdued?: string;
825
+ borderColor?: string;
826
+ borderColorAccent?: string;
827
+ borderColorSubdued?: string;
828
+ primary?: string;
829
+ primaryBackground?: string;
830
+ primarySubdued?: string;
831
+ primaryAccent?: string;
832
+ secondary?: string;
833
+ secondaryBackground?: string;
834
+ secondarySubdued?: string;
835
+ secondaryAccent?: string;
836
+ success?: string;
837
+ successBackground?: string;
838
+ successSubdued?: string;
839
+ successAccent?: string;
840
+ warning?: string;
841
+ warningBackground?: string;
842
+ warningSubdued?: string;
843
+ warningAccent?: string;
844
+ danger?: string;
845
+ dangerBackground?: string;
846
+ dangerSubdued?: string;
847
+ dangerAccent?: string;
848
+ fonts?: {
849
+ display?: {
850
+ fontFamily?: string;
851
+ fontWeight?: string;
852
+ };
853
+ sans?: {
854
+ fontFamily?: string;
855
+ fontWeight?: string;
856
+ };
857
+ serif?: {
858
+ fontFamily?: string;
859
+ fontWeight?: string;
860
+ };
861
+ monospace?: {
862
+ fontFamily?: string;
863
+ fontWeight?: string;
864
+ };
865
+ };
866
+ navigation?: {
867
+ borderWidth?: string;
868
+ background?: string;
869
+ backgroundAccent?: string;
870
+ borderColor?: string;
871
+ project?: {
872
+ borderWidth?: string;
873
+ foreground?: string;
874
+ background?: string;
875
+ borderColor?: string;
876
+ fontFamily?: string;
877
+ };
878
+ modules?: {
879
+ borderWidth?: string;
880
+ background?: string;
881
+ borderColor?: string;
882
+ button?: {
883
+ foreground?: string;
884
+ background?: string;
885
+ foregroundHover?: string;
886
+ foregroundActive?: string;
887
+ backgroundHover?: string;
888
+ backgroundActive?: string;
889
+ };
890
+ };
891
+ list?: {
892
+ foreground?: string;
893
+ background?: string;
894
+ fontFamily?: string;
895
+ foregroundHover?: string;
896
+ foregroundActive?: string;
897
+ backgroundHover?: string;
898
+ backgroundActive?: string;
899
+ icon?: {
900
+ foreground?: string;
901
+ foregroundHover?: string;
902
+ foregroundActive?: string;
903
+ };
904
+ divider: {
905
+ borderWidth?: string;
906
+ borderColor?: string;
907
+ };
908
+ };
909
+ };
910
+ header?: {
911
+ borderWidth?: string;
912
+ background?: string;
913
+ borderColor?: string;
914
+ boxShadow?: string;
915
+ headline?: {
916
+ foreground?: string;
917
+ fontFamily?: string;
918
+ };
919
+ title?: {
920
+ foreground?: string;
921
+ fontFamily?: string;
922
+ fontWeight?: string;
923
+ };
924
+ };
925
+ form?: {
926
+ columnGap?: string;
927
+ rowGap?: string;
928
+ field?: {
929
+ label?: {
930
+ foreground?: string;
931
+ fontFamily?: string;
932
+ fontWeight?: string;
933
+ };
934
+ input?: {
935
+ foreground?: string;
936
+ foregroundSubdued?: string;
937
+ background?: string;
938
+ backgroundSubdued?: string;
939
+ borderColor?: string;
940
+ boxShadow?: string;
941
+ borderColorHover?: string;
942
+ borderColorFocus?: string;
943
+ boxShadowHover?: string;
944
+ boxShadowFocus?: string;
945
+ height?: string;
946
+ padding?: string;
947
+ };
948
+ };
949
+ };
950
+ sidebar?: {
951
+ borderWidth?: string;
952
+ foreground?: string;
953
+ background?: string;
954
+ borderColor?: string;
955
+ fontFamily?: string;
956
+ section?: {
957
+ form?: {
958
+ columnGap?: string;
959
+ rowGap?: string;
960
+ field?: {
961
+ label?: {
962
+ foreground?: string;
963
+ fontFamily?: string;
964
+ fontWeight?: string;
965
+ };
966
+ input?: {
967
+ foreground?: string;
968
+ foregroundSubdued?: string;
969
+ background?: string;
970
+ backgroundSubdued?: string;
971
+ borderColor?: string;
972
+ boxShadow?: string;
973
+ borderColorHover?: string;
974
+ borderColorFocus?: string;
975
+ boxShadowHover?: string;
976
+ boxShadowFocus?: string;
977
+ height?: string;
978
+ padding?: string;
979
+ };
980
+ };
981
+ };
982
+ toggle?: {
983
+ borderWidth?: string;
984
+ foreground?: string;
985
+ background?: string;
986
+ borderColor?: string;
987
+ fontFamily?: string;
988
+ foregroundHover?: string;
989
+ foregroundActive?: string;
990
+ backgroundHover?: string;
991
+ backgroundActive?: string;
992
+ icon?: {
993
+ foreground?: string;
994
+ foregroundHover?: string;
995
+ foregroundActive?: string;
996
+ };
997
+ };
998
+ };
999
+ };
1000
+ public?: {
1001
+ foreground?: string;
1002
+ foregroundAccent?: string;
1003
+ background?: string;
1004
+ form?: {
1005
+ columnGap?: string;
1006
+ rowGap?: string;
1007
+ field?: {
1008
+ label?: {
1009
+ foreground?: string;
1010
+ fontFamily?: string;
1011
+ fontWeight?: string;
1012
+ };
1013
+ input?: {
1014
+ foreground?: string;
1015
+ foregroundSubdued?: string;
1016
+ background?: string;
1017
+ backgroundSubdued?: string;
1018
+ borderColor?: string;
1019
+ boxShadow?: string;
1020
+ borderColorHover?: string;
1021
+ borderColorFocus?: string;
1022
+ boxShadowHover?: string;
1023
+ boxShadowFocus?: string;
1024
+ height?: string;
1025
+ padding?: string;
1026
+ };
1027
+ };
1028
+ };
1029
+ art?: {
1030
+ background?: string;
1031
+ primary?: string;
1032
+ secondary?: string;
1033
+ speed?: string;
1034
+ };
1035
+ };
1036
+ popover?: {
1037
+ menu?: {
1038
+ borderRadius?: string;
1039
+ background?: string;
1040
+ boxShadow?: string;
1041
+ };
1042
+ };
1043
+ banner?: {
1044
+ borderRadius?: string;
1045
+ background?: string;
1046
+ headline?: {
1047
+ foreground?: string;
1048
+ fontFamily?: string;
1049
+ fontWeight?: string;
1050
+ };
1051
+ title?: {
1052
+ foreground?: string;
1053
+ fontFamily?: string;
1054
+ fontWeight?: string;
1055
+ };
1056
+ padding?: string;
1057
+ art?: {
1058
+ foreground?: string;
1059
+ };
1060
+ avatar?: {
1061
+ borderRadius?: string;
1062
+ foreground?: string;
1063
+ background?: string;
1064
+ };
1065
+ subtitle?: {
1066
+ foreground?: string;
1067
+ fontFamily?: string;
1068
+ fontWeight?: string;
1069
+ };
1070
+ };
1071
+ };
1072
+ }[];
1073
+ };
1074
+ registerTheme: (theme: Theme$1) => void;
1075
+ }, "themes">, Pick<{
1076
+ themes: {
1077
+ light: {
1078
+ id: string;
1079
+ name: string;
1080
+ appearance: "light" | "dark";
1081
+ rules: {
1082
+ borderRadius?: string;
1083
+ borderWidth?: string;
1084
+ foreground?: string;
1085
+ foregroundSubdued?: string;
1086
+ foregroundAccent?: string;
1087
+ background?: string;
1088
+ backgroundNormal?: string;
1089
+ backgroundAccent?: string;
1090
+ backgroundSubdued?: string;
1091
+ borderColor?: string;
1092
+ borderColorAccent?: string;
1093
+ borderColorSubdued?: string;
1094
+ primary?: string;
1095
+ primaryBackground?: string;
1096
+ primarySubdued?: string;
1097
+ primaryAccent?: string;
1098
+ secondary?: string;
1099
+ secondaryBackground?: string;
1100
+ secondarySubdued?: string;
1101
+ secondaryAccent?: string;
1102
+ success?: string;
1103
+ successBackground?: string;
1104
+ successSubdued?: string;
1105
+ successAccent?: string;
1106
+ warning?: string;
1107
+ warningBackground?: string;
1108
+ warningSubdued?: string;
1109
+ warningAccent?: string;
1110
+ danger?: string;
1111
+ dangerBackground?: string;
1112
+ dangerSubdued?: string;
1113
+ dangerAccent?: string;
1114
+ fonts?: {
1115
+ display?: {
1116
+ fontFamily?: string;
1117
+ fontWeight?: string;
1118
+ };
1119
+ sans?: {
1120
+ fontFamily?: string;
1121
+ fontWeight?: string;
1122
+ };
1123
+ serif?: {
1124
+ fontFamily?: string;
1125
+ fontWeight?: string;
1126
+ };
1127
+ monospace?: {
1128
+ fontFamily?: string;
1129
+ fontWeight?: string;
1130
+ };
1131
+ };
1132
+ navigation?: {
1133
+ borderWidth?: string;
1134
+ background?: string;
1135
+ backgroundAccent?: string;
1136
+ borderColor?: string;
1137
+ project?: {
1138
+ borderWidth?: string;
1139
+ foreground?: string;
1140
+ background?: string;
1141
+ borderColor?: string;
1142
+ fontFamily?: string;
1143
+ };
1144
+ modules?: {
1145
+ borderWidth?: string;
1146
+ background?: string;
1147
+ borderColor?: string;
1148
+ button?: {
1149
+ foreground?: string;
1150
+ background?: string;
1151
+ foregroundHover?: string;
1152
+ foregroundActive?: string;
1153
+ backgroundHover?: string;
1154
+ backgroundActive?: string;
1155
+ };
1156
+ };
1157
+ list?: {
1158
+ foreground?: string;
1159
+ background?: string;
1160
+ fontFamily?: string;
1161
+ foregroundHover?: string;
1162
+ foregroundActive?: string;
1163
+ backgroundHover?: string;
1164
+ backgroundActive?: string;
1165
+ icon?: {
1166
+ foreground?: string;
1167
+ foregroundHover?: string;
1168
+ foregroundActive?: string;
1169
+ };
1170
+ divider: {
1171
+ borderWidth?: string;
1172
+ borderColor?: string;
1173
+ };
1174
+ };
1175
+ };
1176
+ header?: {
1177
+ borderWidth?: string;
1178
+ background?: string;
1179
+ borderColor?: string;
1180
+ boxShadow?: string;
1181
+ headline?: {
1182
+ foreground?: string;
1183
+ fontFamily?: string;
1184
+ };
1185
+ title?: {
1186
+ foreground?: string;
1187
+ fontFamily?: string;
1188
+ fontWeight?: string;
1189
+ };
1190
+ };
1191
+ form?: {
1192
+ columnGap?: string;
1193
+ rowGap?: string;
1194
+ field?: {
1195
+ label?: {
1196
+ foreground?: string;
1197
+ fontFamily?: string;
1198
+ fontWeight?: string;
1199
+ };
1200
+ input?: {
1201
+ foreground?: string;
1202
+ foregroundSubdued?: string;
1203
+ background?: string;
1204
+ backgroundSubdued?: string;
1205
+ borderColor?: string;
1206
+ boxShadow?: string;
1207
+ borderColorHover?: string;
1208
+ borderColorFocus?: string;
1209
+ boxShadowHover?: string;
1210
+ boxShadowFocus?: string;
1211
+ height?: string;
1212
+ padding?: string;
1213
+ };
1214
+ };
1215
+ };
1216
+ sidebar?: {
1217
+ borderWidth?: string;
1218
+ foreground?: string;
1219
+ background?: string;
1220
+ borderColor?: string;
1221
+ fontFamily?: string;
1222
+ section?: {
1223
+ form?: {
1224
+ columnGap?: string;
1225
+ rowGap?: string;
1226
+ field?: {
1227
+ label?: {
1228
+ foreground?: string;
1229
+ fontFamily?: string;
1230
+ fontWeight?: string;
1231
+ };
1232
+ input?: {
1233
+ foreground?: string;
1234
+ foregroundSubdued?: string;
1235
+ background?: string;
1236
+ backgroundSubdued?: string;
1237
+ borderColor?: string;
1238
+ boxShadow?: string;
1239
+ borderColorHover?: string;
1240
+ borderColorFocus?: string;
1241
+ boxShadowHover?: string;
1242
+ boxShadowFocus?: string;
1243
+ height?: string;
1244
+ padding?: string;
1245
+ };
1246
+ };
1247
+ };
1248
+ toggle?: {
1249
+ borderWidth?: string;
1250
+ foreground?: string;
1251
+ background?: string;
1252
+ borderColor?: string;
1253
+ fontFamily?: string;
1254
+ foregroundHover?: string;
1255
+ foregroundActive?: string;
1256
+ backgroundHover?: string;
1257
+ backgroundActive?: string;
1258
+ icon?: {
1259
+ foreground?: string;
1260
+ foregroundHover?: string;
1261
+ foregroundActive?: string;
1262
+ };
1263
+ };
1264
+ };
1265
+ };
1266
+ public?: {
1267
+ foreground?: string;
1268
+ foregroundAccent?: string;
1269
+ background?: string;
1270
+ form?: {
1271
+ columnGap?: string;
1272
+ rowGap?: string;
1273
+ field?: {
1274
+ label?: {
1275
+ foreground?: string;
1276
+ fontFamily?: string;
1277
+ fontWeight?: string;
1278
+ };
1279
+ input?: {
1280
+ foreground?: string;
1281
+ foregroundSubdued?: string;
1282
+ background?: string;
1283
+ backgroundSubdued?: string;
1284
+ borderColor?: string;
1285
+ boxShadow?: string;
1286
+ borderColorHover?: string;
1287
+ borderColorFocus?: string;
1288
+ boxShadowHover?: string;
1289
+ boxShadowFocus?: string;
1290
+ height?: string;
1291
+ padding?: string;
1292
+ };
1293
+ };
1294
+ };
1295
+ art?: {
1296
+ background?: string;
1297
+ primary?: string;
1298
+ secondary?: string;
1299
+ speed?: string;
1300
+ };
1301
+ };
1302
+ popover?: {
1303
+ menu?: {
1304
+ borderRadius?: string;
1305
+ background?: string;
1306
+ boxShadow?: string;
1307
+ };
1308
+ };
1309
+ banner?: {
1310
+ borderRadius?: string;
1311
+ background?: string;
1312
+ headline?: {
1313
+ foreground?: string;
1314
+ fontFamily?: string;
1315
+ fontWeight?: string;
1316
+ };
1317
+ title?: {
1318
+ foreground?: string;
1319
+ fontFamily?: string;
1320
+ fontWeight?: string;
1321
+ };
1322
+ padding?: string;
1323
+ art?: {
1324
+ foreground?: string;
1325
+ };
1326
+ avatar?: {
1327
+ borderRadius?: string;
1328
+ foreground?: string;
1329
+ background?: string;
1330
+ };
1331
+ subtitle?: {
1332
+ foreground?: string;
1333
+ fontFamily?: string;
1334
+ fontWeight?: string;
1335
+ };
1336
+ };
1337
+ };
1338
+ }[];
1339
+ dark: {
1340
+ id: string;
1341
+ name: string;
1342
+ appearance: "light" | "dark";
1343
+ rules: {
1344
+ borderRadius?: string;
1345
+ borderWidth?: string;
1346
+ foreground?: string;
1347
+ foregroundSubdued?: string;
1348
+ foregroundAccent?: string;
1349
+ background?: string;
1350
+ backgroundNormal?: string;
1351
+ backgroundAccent?: string;
1352
+ backgroundSubdued?: string;
1353
+ borderColor?: string;
1354
+ borderColorAccent?: string;
1355
+ borderColorSubdued?: string;
1356
+ primary?: string;
1357
+ primaryBackground?: string;
1358
+ primarySubdued?: string;
1359
+ primaryAccent?: string;
1360
+ secondary?: string;
1361
+ secondaryBackground?: string;
1362
+ secondarySubdued?: string;
1363
+ secondaryAccent?: string;
1364
+ success?: string;
1365
+ successBackground?: string;
1366
+ successSubdued?: string;
1367
+ successAccent?: string;
1368
+ warning?: string;
1369
+ warningBackground?: string;
1370
+ warningSubdued?: string;
1371
+ warningAccent?: string;
1372
+ danger?: string;
1373
+ dangerBackground?: string;
1374
+ dangerSubdued?: string;
1375
+ dangerAccent?: string;
1376
+ fonts?: {
1377
+ display?: {
1378
+ fontFamily?: string;
1379
+ fontWeight?: string;
1380
+ };
1381
+ sans?: {
1382
+ fontFamily?: string;
1383
+ fontWeight?: string;
1384
+ };
1385
+ serif?: {
1386
+ fontFamily?: string;
1387
+ fontWeight?: string;
1388
+ };
1389
+ monospace?: {
1390
+ fontFamily?: string;
1391
+ fontWeight?: string;
1392
+ };
1393
+ };
1394
+ navigation?: {
1395
+ borderWidth?: string;
1396
+ background?: string;
1397
+ backgroundAccent?: string;
1398
+ borderColor?: string;
1399
+ project?: {
1400
+ borderWidth?: string;
1401
+ foreground?: string;
1402
+ background?: string;
1403
+ borderColor?: string;
1404
+ fontFamily?: string;
1405
+ };
1406
+ modules?: {
1407
+ borderWidth?: string;
1408
+ background?: string;
1409
+ borderColor?: string;
1410
+ button?: {
1411
+ foreground?: string;
1412
+ background?: string;
1413
+ foregroundHover?: string;
1414
+ foregroundActive?: string;
1415
+ backgroundHover?: string;
1416
+ backgroundActive?: string;
1417
+ };
1418
+ };
1419
+ list?: {
1420
+ foreground?: string;
1421
+ background?: string;
1422
+ fontFamily?: string;
1423
+ foregroundHover?: string;
1424
+ foregroundActive?: string;
1425
+ backgroundHover?: string;
1426
+ backgroundActive?: string;
1427
+ icon?: {
1428
+ foreground?: string;
1429
+ foregroundHover?: string;
1430
+ foregroundActive?: string;
1431
+ };
1432
+ divider: {
1433
+ borderWidth?: string;
1434
+ borderColor?: string;
1435
+ };
1436
+ };
1437
+ };
1438
+ header?: {
1439
+ borderWidth?: string;
1440
+ background?: string;
1441
+ borderColor?: string;
1442
+ boxShadow?: string;
1443
+ headline?: {
1444
+ foreground?: string;
1445
+ fontFamily?: string;
1446
+ };
1447
+ title?: {
1448
+ foreground?: string;
1449
+ fontFamily?: string;
1450
+ fontWeight?: string;
1451
+ };
1452
+ };
1453
+ form?: {
1454
+ columnGap?: string;
1455
+ rowGap?: string;
1456
+ field?: {
1457
+ label?: {
1458
+ foreground?: string;
1459
+ fontFamily?: string;
1460
+ fontWeight?: string;
1461
+ };
1462
+ input?: {
1463
+ foreground?: string;
1464
+ foregroundSubdued?: string;
1465
+ background?: string;
1466
+ backgroundSubdued?: string;
1467
+ borderColor?: string;
1468
+ boxShadow?: string;
1469
+ borderColorHover?: string;
1470
+ borderColorFocus?: string;
1471
+ boxShadowHover?: string;
1472
+ boxShadowFocus?: string;
1473
+ height?: string;
1474
+ padding?: string;
1475
+ };
1476
+ };
1477
+ };
1478
+ sidebar?: {
1479
+ borderWidth?: string;
1480
+ foreground?: string;
1481
+ background?: string;
1482
+ borderColor?: string;
1483
+ fontFamily?: string;
1484
+ section?: {
1485
+ form?: {
1486
+ columnGap?: string;
1487
+ rowGap?: string;
1488
+ field?: {
1489
+ label?: {
1490
+ foreground?: string;
1491
+ fontFamily?: string;
1492
+ fontWeight?: string;
1493
+ };
1494
+ input?: {
1495
+ foreground?: string;
1496
+ foregroundSubdued?: string;
1497
+ background?: string;
1498
+ backgroundSubdued?: string;
1499
+ borderColor?: string;
1500
+ boxShadow?: string;
1501
+ borderColorHover?: string;
1502
+ borderColorFocus?: string;
1503
+ boxShadowHover?: string;
1504
+ boxShadowFocus?: string;
1505
+ height?: string;
1506
+ padding?: string;
1507
+ };
1508
+ };
1509
+ };
1510
+ toggle?: {
1511
+ borderWidth?: string;
1512
+ foreground?: string;
1513
+ background?: string;
1514
+ borderColor?: string;
1515
+ fontFamily?: string;
1516
+ foregroundHover?: string;
1517
+ foregroundActive?: string;
1518
+ backgroundHover?: string;
1519
+ backgroundActive?: string;
1520
+ icon?: {
1521
+ foreground?: string;
1522
+ foregroundHover?: string;
1523
+ foregroundActive?: string;
1524
+ };
1525
+ };
1526
+ };
1527
+ };
1528
+ public?: {
1529
+ foreground?: string;
1530
+ foregroundAccent?: string;
1531
+ background?: string;
1532
+ form?: {
1533
+ columnGap?: string;
1534
+ rowGap?: string;
1535
+ field?: {
1536
+ label?: {
1537
+ foreground?: string;
1538
+ fontFamily?: string;
1539
+ fontWeight?: string;
1540
+ };
1541
+ input?: {
1542
+ foreground?: string;
1543
+ foregroundSubdued?: string;
1544
+ background?: string;
1545
+ backgroundSubdued?: string;
1546
+ borderColor?: string;
1547
+ boxShadow?: string;
1548
+ borderColorHover?: string;
1549
+ borderColorFocus?: string;
1550
+ boxShadowHover?: string;
1551
+ boxShadowFocus?: string;
1552
+ height?: string;
1553
+ padding?: string;
1554
+ };
1555
+ };
1556
+ };
1557
+ art?: {
1558
+ background?: string;
1559
+ primary?: string;
1560
+ secondary?: string;
1561
+ speed?: string;
1562
+ };
1563
+ };
1564
+ popover?: {
1565
+ menu?: {
1566
+ borderRadius?: string;
1567
+ background?: string;
1568
+ boxShadow?: string;
1569
+ };
1570
+ };
1571
+ banner?: {
1572
+ borderRadius?: string;
1573
+ background?: string;
1574
+ headline?: {
1575
+ foreground?: string;
1576
+ fontFamily?: string;
1577
+ fontWeight?: string;
1578
+ };
1579
+ title?: {
1580
+ foreground?: string;
1581
+ fontFamily?: string;
1582
+ fontWeight?: string;
1583
+ };
1584
+ padding?: string;
1585
+ art?: {
1586
+ foreground?: string;
1587
+ };
1588
+ avatar?: {
1589
+ borderRadius?: string;
1590
+ foreground?: string;
1591
+ background?: string;
1592
+ };
1593
+ subtitle?: {
1594
+ foreground?: string;
1595
+ fontFamily?: string;
1596
+ fontWeight?: string;
1597
+ };
1598
+ };
1599
+ };
1600
+ }[];
1601
+ };
1602
+ registerTheme: (theme: Theme$1) => void;
1603
+ }, never>, Pick<{
1604
+ themes: {
1605
+ light: {
1606
+ id: string;
1607
+ name: string;
1608
+ appearance: "light" | "dark";
1609
+ rules: {
1610
+ borderRadius?: string;
1611
+ borderWidth?: string;
1612
+ foreground?: string;
1613
+ foregroundSubdued?: string;
1614
+ foregroundAccent?: string;
1615
+ background?: string;
1616
+ backgroundNormal?: string;
1617
+ backgroundAccent?: string;
1618
+ backgroundSubdued?: string;
1619
+ borderColor?: string;
1620
+ borderColorAccent?: string;
1621
+ borderColorSubdued?: string;
1622
+ primary?: string;
1623
+ primaryBackground?: string;
1624
+ primarySubdued?: string;
1625
+ primaryAccent?: string;
1626
+ secondary?: string;
1627
+ secondaryBackground?: string;
1628
+ secondarySubdued?: string;
1629
+ secondaryAccent?: string;
1630
+ success?: string;
1631
+ successBackground?: string;
1632
+ successSubdued?: string;
1633
+ successAccent?: string;
1634
+ warning?: string;
1635
+ warningBackground?: string;
1636
+ warningSubdued?: string;
1637
+ warningAccent?: string;
1638
+ danger?: string;
1639
+ dangerBackground?: string;
1640
+ dangerSubdued?: string;
1641
+ dangerAccent?: string;
1642
+ fonts?: {
1643
+ display?: {
1644
+ fontFamily?: string;
1645
+ fontWeight?: string;
1646
+ };
1647
+ sans?: {
1648
+ fontFamily?: string;
1649
+ fontWeight?: string;
1650
+ };
1651
+ serif?: {
1652
+ fontFamily?: string;
1653
+ fontWeight?: string;
1654
+ };
1655
+ monospace?: {
1656
+ fontFamily?: string;
1657
+ fontWeight?: string;
1658
+ };
1659
+ };
1660
+ navigation?: {
1661
+ borderWidth?: string;
1662
+ background?: string;
1663
+ backgroundAccent?: string;
1664
+ borderColor?: string;
1665
+ project?: {
1666
+ borderWidth?: string;
1667
+ foreground?: string;
1668
+ background?: string;
1669
+ borderColor?: string;
1670
+ fontFamily?: string;
1671
+ };
1672
+ modules?: {
1673
+ borderWidth?: string;
1674
+ background?: string;
1675
+ borderColor?: string;
1676
+ button?: {
1677
+ foreground?: string;
1678
+ background?: string;
1679
+ foregroundHover?: string;
1680
+ foregroundActive?: string;
1681
+ backgroundHover?: string;
1682
+ backgroundActive?: string;
1683
+ };
1684
+ };
1685
+ list?: {
1686
+ foreground?: string;
1687
+ background?: string;
1688
+ fontFamily?: string;
1689
+ foregroundHover?: string;
1690
+ foregroundActive?: string;
1691
+ backgroundHover?: string;
1692
+ backgroundActive?: string;
1693
+ icon?: {
1694
+ foreground?: string;
1695
+ foregroundHover?: string;
1696
+ foregroundActive?: string;
1697
+ };
1698
+ divider: {
1699
+ borderWidth?: string;
1700
+ borderColor?: string;
1701
+ };
1702
+ };
1703
+ };
1704
+ header?: {
1705
+ borderWidth?: string;
1706
+ background?: string;
1707
+ borderColor?: string;
1708
+ boxShadow?: string;
1709
+ headline?: {
1710
+ foreground?: string;
1711
+ fontFamily?: string;
1712
+ };
1713
+ title?: {
1714
+ foreground?: string;
1715
+ fontFamily?: string;
1716
+ fontWeight?: string;
1717
+ };
1718
+ };
1719
+ form?: {
1720
+ columnGap?: string;
1721
+ rowGap?: string;
1722
+ field?: {
1723
+ label?: {
1724
+ foreground?: string;
1725
+ fontFamily?: string;
1726
+ fontWeight?: string;
1727
+ };
1728
+ input?: {
1729
+ foreground?: string;
1730
+ foregroundSubdued?: string;
1731
+ background?: string;
1732
+ backgroundSubdued?: string;
1733
+ borderColor?: string;
1734
+ boxShadow?: string;
1735
+ borderColorHover?: string;
1736
+ borderColorFocus?: string;
1737
+ boxShadowHover?: string;
1738
+ boxShadowFocus?: string;
1739
+ height?: string;
1740
+ padding?: string;
1741
+ };
1742
+ };
1743
+ };
1744
+ sidebar?: {
1745
+ borderWidth?: string;
1746
+ foreground?: string;
1747
+ background?: string;
1748
+ borderColor?: string;
1749
+ fontFamily?: string;
1750
+ section?: {
1751
+ form?: {
1752
+ columnGap?: string;
1753
+ rowGap?: string;
1754
+ field?: {
1755
+ label?: {
1756
+ foreground?: string;
1757
+ fontFamily?: string;
1758
+ fontWeight?: string;
1759
+ };
1760
+ input?: {
1761
+ foreground?: string;
1762
+ foregroundSubdued?: string;
1763
+ background?: string;
1764
+ backgroundSubdued?: string;
1765
+ borderColor?: string;
1766
+ boxShadow?: string;
1767
+ borderColorHover?: string;
1768
+ borderColorFocus?: string;
1769
+ boxShadowHover?: string;
1770
+ boxShadowFocus?: string;
1771
+ height?: string;
1772
+ padding?: string;
1773
+ };
1774
+ };
1775
+ };
1776
+ toggle?: {
1777
+ borderWidth?: string;
1778
+ foreground?: string;
1779
+ background?: string;
1780
+ borderColor?: string;
1781
+ fontFamily?: string;
1782
+ foregroundHover?: string;
1783
+ foregroundActive?: string;
1784
+ backgroundHover?: string;
1785
+ backgroundActive?: string;
1786
+ icon?: {
1787
+ foreground?: string;
1788
+ foregroundHover?: string;
1789
+ foregroundActive?: string;
1790
+ };
1791
+ };
1792
+ };
1793
+ };
1794
+ public?: {
1795
+ foreground?: string;
1796
+ foregroundAccent?: string;
1797
+ background?: string;
1798
+ form?: {
1799
+ columnGap?: string;
1800
+ rowGap?: string;
1801
+ field?: {
1802
+ label?: {
1803
+ foreground?: string;
1804
+ fontFamily?: string;
1805
+ fontWeight?: string;
1806
+ };
1807
+ input?: {
1808
+ foreground?: string;
1809
+ foregroundSubdued?: string;
1810
+ background?: string;
1811
+ backgroundSubdued?: string;
1812
+ borderColor?: string;
1813
+ boxShadow?: string;
1814
+ borderColorHover?: string;
1815
+ borderColorFocus?: string;
1816
+ boxShadowHover?: string;
1817
+ boxShadowFocus?: string;
1818
+ height?: string;
1819
+ padding?: string;
1820
+ };
1821
+ };
1822
+ };
1823
+ art?: {
1824
+ background?: string;
1825
+ primary?: string;
1826
+ secondary?: string;
1827
+ speed?: string;
1828
+ };
1829
+ };
1830
+ popover?: {
1831
+ menu?: {
1832
+ borderRadius?: string;
1833
+ background?: string;
1834
+ boxShadow?: string;
1835
+ };
1836
+ };
1837
+ banner?: {
1838
+ borderRadius?: string;
1839
+ background?: string;
1840
+ headline?: {
1841
+ foreground?: string;
1842
+ fontFamily?: string;
1843
+ fontWeight?: string;
1844
+ };
1845
+ title?: {
1846
+ foreground?: string;
1847
+ fontFamily?: string;
1848
+ fontWeight?: string;
1849
+ };
1850
+ padding?: string;
1851
+ art?: {
1852
+ foreground?: string;
1853
+ };
1854
+ avatar?: {
1855
+ borderRadius?: string;
1856
+ foreground?: string;
1857
+ background?: string;
1858
+ };
1859
+ subtitle?: {
1860
+ foreground?: string;
1861
+ fontFamily?: string;
1862
+ fontWeight?: string;
1863
+ };
1864
+ };
1865
+ };
1866
+ }[];
1867
+ dark: {
1868
+ id: string;
1869
+ name: string;
1870
+ appearance: "light" | "dark";
1871
+ rules: {
1872
+ borderRadius?: string;
1873
+ borderWidth?: string;
1874
+ foreground?: string;
1875
+ foregroundSubdued?: string;
1876
+ foregroundAccent?: string;
1877
+ background?: string;
1878
+ backgroundNormal?: string;
1879
+ backgroundAccent?: string;
1880
+ backgroundSubdued?: string;
1881
+ borderColor?: string;
1882
+ borderColorAccent?: string;
1883
+ borderColorSubdued?: string;
1884
+ primary?: string;
1885
+ primaryBackground?: string;
1886
+ primarySubdued?: string;
1887
+ primaryAccent?: string;
1888
+ secondary?: string;
1889
+ secondaryBackground?: string;
1890
+ secondarySubdued?: string;
1891
+ secondaryAccent?: string;
1892
+ success?: string;
1893
+ successBackground?: string;
1894
+ successSubdued?: string;
1895
+ successAccent?: string;
1896
+ warning?: string;
1897
+ warningBackground?: string;
1898
+ warningSubdued?: string;
1899
+ warningAccent?: string;
1900
+ danger?: string;
1901
+ dangerBackground?: string;
1902
+ dangerSubdued?: string;
1903
+ dangerAccent?: string;
1904
+ fonts?: {
1905
+ display?: {
1906
+ fontFamily?: string;
1907
+ fontWeight?: string;
1908
+ };
1909
+ sans?: {
1910
+ fontFamily?: string;
1911
+ fontWeight?: string;
1912
+ };
1913
+ serif?: {
1914
+ fontFamily?: string;
1915
+ fontWeight?: string;
1916
+ };
1917
+ monospace?: {
1918
+ fontFamily?: string;
1919
+ fontWeight?: string;
1920
+ };
1921
+ };
1922
+ navigation?: {
1923
+ borderWidth?: string;
1924
+ background?: string;
1925
+ backgroundAccent?: string;
1926
+ borderColor?: string;
1927
+ project?: {
1928
+ borderWidth?: string;
1929
+ foreground?: string;
1930
+ background?: string;
1931
+ borderColor?: string;
1932
+ fontFamily?: string;
1933
+ };
1934
+ modules?: {
1935
+ borderWidth?: string;
1936
+ background?: string;
1937
+ borderColor?: string;
1938
+ button?: {
1939
+ foreground?: string;
1940
+ background?: string;
1941
+ foregroundHover?: string;
1942
+ foregroundActive?: string;
1943
+ backgroundHover?: string;
1944
+ backgroundActive?: string;
1945
+ };
1946
+ };
1947
+ list?: {
1948
+ foreground?: string;
1949
+ background?: string;
1950
+ fontFamily?: string;
1951
+ foregroundHover?: string;
1952
+ foregroundActive?: string;
1953
+ backgroundHover?: string;
1954
+ backgroundActive?: string;
1955
+ icon?: {
1956
+ foreground?: string;
1957
+ foregroundHover?: string;
1958
+ foregroundActive?: string;
1959
+ };
1960
+ divider: {
1961
+ borderWidth?: string;
1962
+ borderColor?: string;
1963
+ };
1964
+ };
1965
+ };
1966
+ header?: {
1967
+ borderWidth?: string;
1968
+ background?: string;
1969
+ borderColor?: string;
1970
+ boxShadow?: string;
1971
+ headline?: {
1972
+ foreground?: string;
1973
+ fontFamily?: string;
1974
+ };
1975
+ title?: {
1976
+ foreground?: string;
1977
+ fontFamily?: string;
1978
+ fontWeight?: string;
1979
+ };
1980
+ };
1981
+ form?: {
1982
+ columnGap?: string;
1983
+ rowGap?: string;
1984
+ field?: {
1985
+ label?: {
1986
+ foreground?: string;
1987
+ fontFamily?: string;
1988
+ fontWeight?: string;
1989
+ };
1990
+ input?: {
1991
+ foreground?: string;
1992
+ foregroundSubdued?: string;
1993
+ background?: string;
1994
+ backgroundSubdued?: string;
1995
+ borderColor?: string;
1996
+ boxShadow?: string;
1997
+ borderColorHover?: string;
1998
+ borderColorFocus?: string;
1999
+ boxShadowHover?: string;
2000
+ boxShadowFocus?: string;
2001
+ height?: string;
2002
+ padding?: string;
2003
+ };
2004
+ };
2005
+ };
2006
+ sidebar?: {
2007
+ borderWidth?: string;
2008
+ foreground?: string;
2009
+ background?: string;
2010
+ borderColor?: string;
2011
+ fontFamily?: string;
2012
+ section?: {
2013
+ form?: {
2014
+ columnGap?: string;
2015
+ rowGap?: string;
2016
+ field?: {
2017
+ label?: {
2018
+ foreground?: string;
2019
+ fontFamily?: string;
2020
+ fontWeight?: string;
2021
+ };
2022
+ input?: {
2023
+ foreground?: string;
2024
+ foregroundSubdued?: string;
2025
+ background?: string;
2026
+ backgroundSubdued?: string;
2027
+ borderColor?: string;
2028
+ boxShadow?: string;
2029
+ borderColorHover?: string;
2030
+ borderColorFocus?: string;
2031
+ boxShadowHover?: string;
2032
+ boxShadowFocus?: string;
2033
+ height?: string;
2034
+ padding?: string;
2035
+ };
2036
+ };
2037
+ };
2038
+ toggle?: {
2039
+ borderWidth?: string;
2040
+ foreground?: string;
2041
+ background?: string;
2042
+ borderColor?: string;
2043
+ fontFamily?: string;
2044
+ foregroundHover?: string;
2045
+ foregroundActive?: string;
2046
+ backgroundHover?: string;
2047
+ backgroundActive?: string;
2048
+ icon?: {
2049
+ foreground?: string;
2050
+ foregroundHover?: string;
2051
+ foregroundActive?: string;
2052
+ };
2053
+ };
2054
+ };
2055
+ };
2056
+ public?: {
2057
+ foreground?: string;
2058
+ foregroundAccent?: string;
2059
+ background?: string;
2060
+ form?: {
2061
+ columnGap?: string;
2062
+ rowGap?: string;
2063
+ field?: {
2064
+ label?: {
2065
+ foreground?: string;
2066
+ fontFamily?: string;
2067
+ fontWeight?: string;
2068
+ };
2069
+ input?: {
2070
+ foreground?: string;
2071
+ foregroundSubdued?: string;
2072
+ background?: string;
2073
+ backgroundSubdued?: string;
2074
+ borderColor?: string;
2075
+ boxShadow?: string;
2076
+ borderColorHover?: string;
2077
+ borderColorFocus?: string;
2078
+ boxShadowHover?: string;
2079
+ boxShadowFocus?: string;
2080
+ height?: string;
2081
+ padding?: string;
2082
+ };
2083
+ };
2084
+ };
2085
+ art?: {
2086
+ background?: string;
2087
+ primary?: string;
2088
+ secondary?: string;
2089
+ speed?: string;
2090
+ };
2091
+ };
2092
+ popover?: {
2093
+ menu?: {
2094
+ borderRadius?: string;
2095
+ background?: string;
2096
+ boxShadow?: string;
2097
+ };
2098
+ };
2099
+ banner?: {
2100
+ borderRadius?: string;
2101
+ background?: string;
2102
+ headline?: {
2103
+ foreground?: string;
2104
+ fontFamily?: string;
2105
+ fontWeight?: string;
2106
+ };
2107
+ title?: {
2108
+ foreground?: string;
2109
+ fontFamily?: string;
2110
+ fontWeight?: string;
2111
+ };
2112
+ padding?: string;
2113
+ art?: {
2114
+ foreground?: string;
2115
+ };
2116
+ avatar?: {
2117
+ borderRadius?: string;
2118
+ foreground?: string;
2119
+ background?: string;
2120
+ };
2121
+ subtitle?: {
2122
+ foreground?: string;
2123
+ fontFamily?: string;
2124
+ fontWeight?: string;
2125
+ };
2126
+ };
2127
+ };
2128
+ }[];
2129
+ };
2130
+ registerTheme: (theme: Theme$1) => void;
2131
+ }, "registerTheme">>;
2132
+ //#endregion
2133
+ //#region src/utils/define-theme.d.ts
2134
+ declare const defineTheme: <T extends Theme$1>(theme: T) => T;
2135
+ //#endregion
2136
+ //#region src/utils/rules-to-css-vars.d.ts
2137
+ declare const rulesToCssVars: (rules: DeepPartial<Theme$1["rules"]>) => Record<string, string | number>;
2138
+ //#endregion
2139
+ export { type Theme, _default as ThemeProvider, defineTheme, rulesToCssVars, useFonts, useTheme, useThemeStore };