@directus/themes 0.0.2 → 0.0.3

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