@directus/themes 0.0.2 → 0.1.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,686 @@
1
+ import type { Theme } from './schema.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
+ foregroundSubdued: string;
10
+ foregroundAccent: string;
11
+ background: string;
12
+ primary: string;
13
+ primaryBackground: string;
14
+ primarySubdued: string;
15
+ primaryAccent: string;
16
+ secondary: string;
17
+ secondaryBackground: string;
18
+ secondarySubdued: string;
19
+ secondaryAccent: string;
20
+ success: string;
21
+ successBackground: string;
22
+ successSubdued: string;
23
+ successAccent: string;
24
+ warning: string;
25
+ warningBackground: string;
26
+ warningSubdued: string;
27
+ warningAccent: string;
28
+ danger: string;
29
+ dangerBackground: string;
30
+ dangerSubdued: string;
31
+ dangerAccent: string;
32
+ fontFamilyDisplay: string;
33
+ fontFamilySansSerif: string;
34
+ fontFamilySerif: string;
35
+ fontFamilyMonospace: string;
36
+ navigation: {
37
+ background: string;
38
+ project: {
39
+ foreground: string;
40
+ background: string;
41
+ fontFamily: string;
42
+ };
43
+ modules: {
44
+ background: string;
45
+ button: {
46
+ foreground: string;
47
+ background: string;
48
+ foregroundHover: string;
49
+ foregroundActive: string;
50
+ backgroundHover: string;
51
+ backgroundActive: string;
52
+ };
53
+ };
54
+ list: {
55
+ foreground: string;
56
+ background: string;
57
+ fontFamily: string;
58
+ foregroundHover: string;
59
+ foregroundActive: string;
60
+ backgroundHover: string;
61
+ backgroundActive: string;
62
+ icon: {
63
+ foreground: string;
64
+ foregroundHover: string;
65
+ foregroundActive: string;
66
+ };
67
+ };
68
+ };
69
+ header: {
70
+ background: string;
71
+ headline: {
72
+ foreground: string;
73
+ fontFamily: string;
74
+ };
75
+ title: {
76
+ foreground: string;
77
+ fontFamily: string;
78
+ };
79
+ };
80
+ form: {
81
+ field: {
82
+ label: {
83
+ foreground: string;
84
+ fontFamily: string;
85
+ };
86
+ input: {
87
+ foreground: string;
88
+ foregroundSubdued: string;
89
+ background: string;
90
+ };
91
+ };
92
+ };
93
+ sidebar: {
94
+ foreground: string;
95
+ background: string;
96
+ fontFamily: string;
97
+ section: {
98
+ toggle: {
99
+ foreground: string;
100
+ background: string;
101
+ fontFamily: string;
102
+ foregroundHover: string;
103
+ foregroundActive: string;
104
+ backgroundHover: string;
105
+ backgroundActive: string;
106
+ icon: {
107
+ foreground: string;
108
+ foregroundHover: string;
109
+ foregroundActive: string;
110
+ };
111
+ };
112
+ };
113
+ };
114
+ };
115
+ }[];
116
+ dark: {
117
+ name: string;
118
+ appearance: "light" | "dark";
119
+ rules: {
120
+ foreground: string;
121
+ foregroundSubdued: string;
122
+ foregroundAccent: string;
123
+ background: string;
124
+ primary: string;
125
+ primaryBackground: string;
126
+ primarySubdued: string;
127
+ primaryAccent: string;
128
+ secondary: string;
129
+ secondaryBackground: string;
130
+ secondarySubdued: string;
131
+ secondaryAccent: string;
132
+ success: string;
133
+ successBackground: string;
134
+ successSubdued: string;
135
+ successAccent: string;
136
+ warning: string;
137
+ warningBackground: string;
138
+ warningSubdued: string;
139
+ warningAccent: string;
140
+ danger: string;
141
+ dangerBackground: string;
142
+ dangerSubdued: string;
143
+ dangerAccent: string;
144
+ fontFamilyDisplay: string;
145
+ fontFamilySansSerif: string;
146
+ fontFamilySerif: string;
147
+ fontFamilyMonospace: string;
148
+ navigation: {
149
+ background: string;
150
+ project: {
151
+ foreground: string;
152
+ background: string;
153
+ fontFamily: string;
154
+ };
155
+ modules: {
156
+ background: string;
157
+ button: {
158
+ foreground: string;
159
+ background: string;
160
+ foregroundHover: string;
161
+ foregroundActive: string;
162
+ backgroundHover: string;
163
+ backgroundActive: string;
164
+ };
165
+ };
166
+ list: {
167
+ foreground: string;
168
+ background: string;
169
+ fontFamily: string;
170
+ foregroundHover: string;
171
+ foregroundActive: string;
172
+ backgroundHover: string;
173
+ backgroundActive: string;
174
+ icon: {
175
+ foreground: string;
176
+ foregroundHover: string;
177
+ foregroundActive: string;
178
+ };
179
+ };
180
+ };
181
+ header: {
182
+ background: string;
183
+ headline: {
184
+ foreground: string;
185
+ fontFamily: string;
186
+ };
187
+ title: {
188
+ foreground: string;
189
+ fontFamily: string;
190
+ };
191
+ };
192
+ form: {
193
+ field: {
194
+ label: {
195
+ foreground: string;
196
+ fontFamily: string;
197
+ };
198
+ input: {
199
+ foreground: string;
200
+ foregroundSubdued: string;
201
+ background: string;
202
+ };
203
+ };
204
+ };
205
+ sidebar: {
206
+ foreground: string;
207
+ background: string;
208
+ fontFamily: string;
209
+ section: {
210
+ toggle: {
211
+ foreground: string;
212
+ background: string;
213
+ fontFamily: string;
214
+ foregroundHover: string;
215
+ foregroundActive: string;
216
+ backgroundHover: string;
217
+ backgroundActive: string;
218
+ icon: {
219
+ foreground: string;
220
+ foregroundHover: string;
221
+ foregroundActive: string;
222
+ };
223
+ };
224
+ };
225
+ };
226
+ };
227
+ }[];
228
+ };
229
+ registerTheme: (theme: Theme) => void;
230
+ }, "themes">>, Pick<{
231
+ themes: {
232
+ light: {
233
+ name: string;
234
+ appearance: "light" | "dark";
235
+ rules: {
236
+ foreground: string;
237
+ foregroundSubdued: string;
238
+ foregroundAccent: string;
239
+ background: string;
240
+ primary: string;
241
+ primaryBackground: string;
242
+ primarySubdued: string;
243
+ primaryAccent: string;
244
+ secondary: string;
245
+ secondaryBackground: string;
246
+ secondarySubdued: string;
247
+ secondaryAccent: string;
248
+ success: string;
249
+ successBackground: string;
250
+ successSubdued: string;
251
+ successAccent: string;
252
+ warning: string;
253
+ warningBackground: string;
254
+ warningSubdued: string;
255
+ warningAccent: string;
256
+ danger: string;
257
+ dangerBackground: string;
258
+ dangerSubdued: string;
259
+ dangerAccent: string;
260
+ fontFamilyDisplay: string;
261
+ fontFamilySansSerif: string;
262
+ fontFamilySerif: string;
263
+ fontFamilyMonospace: string;
264
+ navigation: {
265
+ background: string;
266
+ project: {
267
+ foreground: string;
268
+ background: string;
269
+ fontFamily: string;
270
+ };
271
+ modules: {
272
+ background: string;
273
+ button: {
274
+ foreground: string;
275
+ background: string;
276
+ foregroundHover: string;
277
+ foregroundActive: string;
278
+ backgroundHover: string;
279
+ backgroundActive: string;
280
+ };
281
+ };
282
+ list: {
283
+ foreground: string;
284
+ background: string;
285
+ fontFamily: string;
286
+ foregroundHover: string;
287
+ foregroundActive: string;
288
+ backgroundHover: string;
289
+ backgroundActive: string;
290
+ icon: {
291
+ foreground: string;
292
+ foregroundHover: string;
293
+ foregroundActive: string;
294
+ };
295
+ };
296
+ };
297
+ header: {
298
+ background: string;
299
+ headline: {
300
+ foreground: string;
301
+ fontFamily: string;
302
+ };
303
+ title: {
304
+ foreground: string;
305
+ fontFamily: string;
306
+ };
307
+ };
308
+ form: {
309
+ field: {
310
+ label: {
311
+ foreground: string;
312
+ fontFamily: string;
313
+ };
314
+ input: {
315
+ foreground: string;
316
+ foregroundSubdued: string;
317
+ background: string;
318
+ };
319
+ };
320
+ };
321
+ sidebar: {
322
+ foreground: string;
323
+ background: string;
324
+ fontFamily: string;
325
+ section: {
326
+ toggle: {
327
+ foreground: string;
328
+ background: string;
329
+ fontFamily: string;
330
+ foregroundHover: string;
331
+ foregroundActive: string;
332
+ backgroundHover: string;
333
+ backgroundActive: string;
334
+ icon: {
335
+ foreground: string;
336
+ foregroundHover: string;
337
+ foregroundActive: string;
338
+ };
339
+ };
340
+ };
341
+ };
342
+ };
343
+ }[];
344
+ dark: {
345
+ name: string;
346
+ appearance: "light" | "dark";
347
+ rules: {
348
+ foreground: string;
349
+ foregroundSubdued: string;
350
+ foregroundAccent: string;
351
+ background: string;
352
+ primary: string;
353
+ primaryBackground: string;
354
+ primarySubdued: string;
355
+ primaryAccent: string;
356
+ secondary: string;
357
+ secondaryBackground: string;
358
+ secondarySubdued: string;
359
+ secondaryAccent: string;
360
+ success: string;
361
+ successBackground: string;
362
+ successSubdued: string;
363
+ successAccent: string;
364
+ warning: string;
365
+ warningBackground: string;
366
+ warningSubdued: string;
367
+ warningAccent: string;
368
+ danger: string;
369
+ dangerBackground: string;
370
+ dangerSubdued: string;
371
+ dangerAccent: string;
372
+ fontFamilyDisplay: string;
373
+ fontFamilySansSerif: string;
374
+ fontFamilySerif: string;
375
+ fontFamilyMonospace: string;
376
+ navigation: {
377
+ background: string;
378
+ project: {
379
+ foreground: string;
380
+ background: string;
381
+ fontFamily: string;
382
+ };
383
+ modules: {
384
+ background: string;
385
+ button: {
386
+ foreground: string;
387
+ background: string;
388
+ foregroundHover: string;
389
+ foregroundActive: string;
390
+ backgroundHover: string;
391
+ backgroundActive: string;
392
+ };
393
+ };
394
+ list: {
395
+ foreground: string;
396
+ background: string;
397
+ fontFamily: string;
398
+ foregroundHover: string;
399
+ foregroundActive: string;
400
+ backgroundHover: string;
401
+ backgroundActive: string;
402
+ icon: {
403
+ foreground: string;
404
+ foregroundHover: string;
405
+ foregroundActive: string;
406
+ };
407
+ };
408
+ };
409
+ header: {
410
+ background: string;
411
+ headline: {
412
+ foreground: string;
413
+ fontFamily: string;
414
+ };
415
+ title: {
416
+ foreground: string;
417
+ fontFamily: string;
418
+ };
419
+ };
420
+ form: {
421
+ field: {
422
+ label: {
423
+ foreground: string;
424
+ fontFamily: string;
425
+ };
426
+ input: {
427
+ foreground: string;
428
+ foregroundSubdued: string;
429
+ background: string;
430
+ };
431
+ };
432
+ };
433
+ sidebar: {
434
+ foreground: string;
435
+ background: string;
436
+ fontFamily: string;
437
+ section: {
438
+ toggle: {
439
+ foreground: string;
440
+ background: string;
441
+ fontFamily: string;
442
+ foregroundHover: string;
443
+ foregroundActive: string;
444
+ backgroundHover: string;
445
+ backgroundActive: string;
446
+ icon: {
447
+ foreground: string;
448
+ foregroundHover: string;
449
+ foregroundActive: string;
450
+ };
451
+ };
452
+ };
453
+ };
454
+ };
455
+ }[];
456
+ };
457
+ registerTheme: (theme: Theme) => void;
458
+ }, never>, Pick<{
459
+ themes: {
460
+ light: {
461
+ name: string;
462
+ appearance: "light" | "dark";
463
+ rules: {
464
+ foreground: string;
465
+ foregroundSubdued: string;
466
+ foregroundAccent: string;
467
+ background: string;
468
+ primary: string;
469
+ primaryBackground: string;
470
+ primarySubdued: string;
471
+ primaryAccent: string;
472
+ secondary: string;
473
+ secondaryBackground: string;
474
+ secondarySubdued: string;
475
+ secondaryAccent: string;
476
+ success: string;
477
+ successBackground: string;
478
+ successSubdued: string;
479
+ successAccent: string;
480
+ warning: string;
481
+ warningBackground: string;
482
+ warningSubdued: string;
483
+ warningAccent: string;
484
+ danger: string;
485
+ dangerBackground: string;
486
+ dangerSubdued: string;
487
+ dangerAccent: string;
488
+ fontFamilyDisplay: string;
489
+ fontFamilySansSerif: string;
490
+ fontFamilySerif: string;
491
+ fontFamilyMonospace: string;
492
+ navigation: {
493
+ background: string;
494
+ project: {
495
+ foreground: string;
496
+ background: string;
497
+ fontFamily: string;
498
+ };
499
+ modules: {
500
+ background: string;
501
+ button: {
502
+ foreground: string;
503
+ background: string;
504
+ foregroundHover: string;
505
+ foregroundActive: string;
506
+ backgroundHover: string;
507
+ backgroundActive: string;
508
+ };
509
+ };
510
+ list: {
511
+ foreground: string;
512
+ background: string;
513
+ fontFamily: string;
514
+ foregroundHover: string;
515
+ foregroundActive: string;
516
+ backgroundHover: string;
517
+ backgroundActive: string;
518
+ icon: {
519
+ foreground: string;
520
+ foregroundHover: string;
521
+ foregroundActive: string;
522
+ };
523
+ };
524
+ };
525
+ header: {
526
+ background: string;
527
+ headline: {
528
+ foreground: string;
529
+ fontFamily: string;
530
+ };
531
+ title: {
532
+ foreground: string;
533
+ fontFamily: string;
534
+ };
535
+ };
536
+ form: {
537
+ field: {
538
+ label: {
539
+ foreground: string;
540
+ fontFamily: string;
541
+ };
542
+ input: {
543
+ foreground: string;
544
+ foregroundSubdued: string;
545
+ background: string;
546
+ };
547
+ };
548
+ };
549
+ sidebar: {
550
+ foreground: string;
551
+ background: string;
552
+ fontFamily: string;
553
+ section: {
554
+ toggle: {
555
+ foreground: string;
556
+ background: string;
557
+ fontFamily: string;
558
+ foregroundHover: string;
559
+ foregroundActive: string;
560
+ backgroundHover: string;
561
+ backgroundActive: string;
562
+ icon: {
563
+ foreground: string;
564
+ foregroundHover: string;
565
+ foregroundActive: string;
566
+ };
567
+ };
568
+ };
569
+ };
570
+ };
571
+ }[];
572
+ dark: {
573
+ name: string;
574
+ appearance: "light" | "dark";
575
+ rules: {
576
+ foreground: string;
577
+ foregroundSubdued: string;
578
+ foregroundAccent: string;
579
+ background: string;
580
+ primary: string;
581
+ primaryBackground: string;
582
+ primarySubdued: string;
583
+ primaryAccent: string;
584
+ secondary: string;
585
+ secondaryBackground: string;
586
+ secondarySubdued: string;
587
+ secondaryAccent: string;
588
+ success: string;
589
+ successBackground: string;
590
+ successSubdued: string;
591
+ successAccent: string;
592
+ warning: string;
593
+ warningBackground: string;
594
+ warningSubdued: string;
595
+ warningAccent: string;
596
+ danger: string;
597
+ dangerBackground: string;
598
+ dangerSubdued: string;
599
+ dangerAccent: string;
600
+ fontFamilyDisplay: string;
601
+ fontFamilySansSerif: string;
602
+ fontFamilySerif: string;
603
+ fontFamilyMonospace: string;
604
+ navigation: {
605
+ background: string;
606
+ project: {
607
+ foreground: string;
608
+ background: string;
609
+ fontFamily: string;
610
+ };
611
+ modules: {
612
+ background: string;
613
+ button: {
614
+ foreground: string;
615
+ background: string;
616
+ foregroundHover: string;
617
+ foregroundActive: string;
618
+ backgroundHover: string;
619
+ backgroundActive: string;
620
+ };
621
+ };
622
+ list: {
623
+ foreground: string;
624
+ background: string;
625
+ fontFamily: string;
626
+ foregroundHover: string;
627
+ foregroundActive: string;
628
+ backgroundHover: string;
629
+ backgroundActive: string;
630
+ icon: {
631
+ foreground: string;
632
+ foregroundHover: string;
633
+ foregroundActive: string;
634
+ };
635
+ };
636
+ };
637
+ header: {
638
+ background: string;
639
+ headline: {
640
+ foreground: string;
641
+ fontFamily: string;
642
+ };
643
+ title: {
644
+ foreground: string;
645
+ fontFamily: string;
646
+ };
647
+ };
648
+ form: {
649
+ field: {
650
+ label: {
651
+ foreground: string;
652
+ fontFamily: string;
653
+ };
654
+ input: {
655
+ foreground: string;
656
+ foregroundSubdued: string;
657
+ background: string;
658
+ };
659
+ };
660
+ };
661
+ sidebar: {
662
+ foreground: string;
663
+ background: string;
664
+ fontFamily: string;
665
+ section: {
666
+ toggle: {
667
+ foreground: string;
668
+ background: string;
669
+ fontFamily: string;
670
+ foregroundHover: string;
671
+ foregroundActive: string;
672
+ backgroundHover: string;
673
+ backgroundActive: string;
674
+ icon: {
675
+ foreground: string;
676
+ foregroundHover: string;
677
+ foregroundActive: string;
678
+ };
679
+ };
680
+ };
681
+ };
682
+ };
683
+ }[];
684
+ };
685
+ registerTheme: (theme: Theme) => void;
686
+ }, "registerTheme">>;