@particle-network/ui-shared 0.3.0-beta.4 → 0.3.0-beta.6

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.
@@ -5,1006 +5,10 @@ export interface ThemeItemType {
5
5
  id: ThemeId;
6
6
  zhName: string;
7
7
  enName: string;
8
+ fontName?: string;
8
9
  colorScheme: ColorScheme;
9
10
  colorVariables: Record<UXColor, string>;
10
11
  }
12
+ export declare const DEFAULT_THEME_ID = "ux-purple-gold-dark";
11
13
  export declare const themeData: ThemeItemType[];
12
14
  export declare const themeKeys: ThemeId[];
13
- export declare const tailwindTheme: {
14
- 'ux-purple-gold-dark': {
15
- extend: string;
16
- colors: {
17
- content1: {
18
- DEFAULT: string;
19
- foreground: string;
20
- };
21
- overlay: {
22
- DEFAULT: string;
23
- foreground: string;
24
- };
25
- background: {
26
- 200: string;
27
- 300: string;
28
- 400: string;
29
- 500: string;
30
- DEFAULT: string;
31
- };
32
- foreground: {
33
- 100: string;
34
- 300: string;
35
- 500: string;
36
- DEFAULT: string;
37
- };
38
- default: {
39
- DEFAULT: string;
40
- foreground: string;
41
- };
42
- primary: {
43
- 100: string;
44
- 200: string;
45
- 300: string;
46
- 400: string;
47
- 500: string;
48
- 600: string;
49
- 700: string;
50
- 800: string;
51
- 900: string;
52
- DEFAULT: string;
53
- foreground: string;
54
- };
55
- secondary: {
56
- DEFAULT: string;
57
- foreground: string;
58
- };
59
- tertiary: {
60
- DEFAULT: string;
61
- foreground: string;
62
- };
63
- success: {
64
- DEFAULT: string;
65
- foreground: string;
66
- };
67
- danger: {
68
- DEFAULT: string;
69
- foreground: string;
70
- };
71
- warning: {
72
- DEFAULT: string;
73
- foreground: string;
74
- };
75
- divider: {
76
- DEFAULT: string;
77
- foreground: string;
78
- };
79
- alert: {
80
- DEFAULT: string;
81
- foreground: string;
82
- };
83
- gold: {
84
- DEFAULT: string;
85
- foreground: string;
86
- };
87
- bullish: {
88
- DEFAULT: string;
89
- foreground: string;
90
- };
91
- bearish: {
92
- DEFAULT: string;
93
- foreground: string;
94
- };
95
- };
96
- };
97
- 'ux-purple-gold-light': {
98
- extend: string;
99
- colors: {
100
- content1: {
101
- DEFAULT: string;
102
- foreground: string;
103
- };
104
- overlay: {
105
- DEFAULT: string;
106
- foreground: string;
107
- };
108
- background: {
109
- 200: string;
110
- 300: string;
111
- 400: string;
112
- 500: string;
113
- DEFAULT: string;
114
- };
115
- foreground: {
116
- 100: string;
117
- 300: string;
118
- 500: string;
119
- DEFAULT: string;
120
- };
121
- default: {
122
- DEFAULT: string;
123
- foreground: string;
124
- };
125
- primary: {
126
- 100: string;
127
- 200: string;
128
- 300: string;
129
- 400: string;
130
- 500: string;
131
- 600: string;
132
- 700: string;
133
- 800: string;
134
- 900: string;
135
- DEFAULT: string;
136
- foreground: string;
137
- };
138
- secondary: {
139
- DEFAULT: string;
140
- foreground: string;
141
- };
142
- tertiary: {
143
- DEFAULT: string;
144
- foreground: string;
145
- };
146
- success: {
147
- DEFAULT: string;
148
- foreground: string;
149
- };
150
- danger: {
151
- DEFAULT: string;
152
- foreground: string;
153
- };
154
- warning: {
155
- DEFAULT: string;
156
- foreground: string;
157
- };
158
- divider: {
159
- DEFAULT: string;
160
- foreground: string;
161
- };
162
- alert: {
163
- DEFAULT: string;
164
- foreground: string;
165
- };
166
- gold: {
167
- DEFAULT: string;
168
- foreground: string;
169
- };
170
- bullish: {
171
- DEFAULT: string;
172
- foreground: string;
173
- };
174
- bearish: {
175
- DEFAULT: string;
176
- foreground: string;
177
- };
178
- };
179
- };
180
- 'ux-green-red-dark': {
181
- extend: string;
182
- colors: {
183
- content1: {
184
- DEFAULT: string;
185
- foreground: string;
186
- };
187
- overlay: {
188
- DEFAULT: string;
189
- foreground: string;
190
- };
191
- background: {
192
- 200: string;
193
- 300: string;
194
- 400: string;
195
- 500: string;
196
- DEFAULT: string;
197
- };
198
- foreground: {
199
- 100: string;
200
- 300: string;
201
- 500: string;
202
- DEFAULT: string;
203
- };
204
- default: {
205
- DEFAULT: string;
206
- foreground: string;
207
- };
208
- primary: {
209
- 100: string;
210
- 200: string;
211
- 300: string;
212
- 400: string;
213
- 500: string;
214
- 600: string;
215
- 700: string;
216
- 800: string;
217
- 900: string;
218
- DEFAULT: string;
219
- foreground: string;
220
- };
221
- secondary: {
222
- DEFAULT: string;
223
- foreground: string;
224
- };
225
- tertiary: {
226
- DEFAULT: string;
227
- foreground: string;
228
- };
229
- success: {
230
- DEFAULT: string;
231
- foreground: string;
232
- };
233
- danger: {
234
- DEFAULT: string;
235
- foreground: string;
236
- };
237
- warning: {
238
- DEFAULT: string;
239
- foreground: string;
240
- };
241
- divider: {
242
- DEFAULT: string;
243
- foreground: string;
244
- };
245
- alert: {
246
- DEFAULT: string;
247
- foreground: string;
248
- };
249
- gold: {
250
- DEFAULT: string;
251
- foreground: string;
252
- };
253
- bullish: {
254
- DEFAULT: string;
255
- foreground: string;
256
- };
257
- bearish: {
258
- DEFAULT: string;
259
- foreground: string;
260
- };
261
- };
262
- };
263
- 'ux-green-red-light': {
264
- extend: string;
265
- colors: {
266
- content1: {
267
- DEFAULT: string;
268
- foreground: string;
269
- };
270
- overlay: {
271
- DEFAULT: string;
272
- foreground: string;
273
- };
274
- background: {
275
- 200: string;
276
- 300: string;
277
- 400: string;
278
- 500: string;
279
- DEFAULT: string;
280
- };
281
- foreground: {
282
- 100: string;
283
- 300: string;
284
- 500: string;
285
- DEFAULT: string;
286
- };
287
- default: {
288
- DEFAULT: string;
289
- foreground: string;
290
- };
291
- primary: {
292
- 100: string;
293
- 200: string;
294
- 300: string;
295
- 400: string;
296
- 500: string;
297
- 600: string;
298
- 700: string;
299
- 800: string;
300
- 900: string;
301
- DEFAULT: string;
302
- foreground: string;
303
- };
304
- secondary: {
305
- DEFAULT: string;
306
- foreground: string;
307
- };
308
- tertiary: {
309
- DEFAULT: string;
310
- foreground: string;
311
- };
312
- success: {
313
- DEFAULT: string;
314
- foreground: string;
315
- };
316
- danger: {
317
- DEFAULT: string;
318
- foreground: string;
319
- };
320
- warning: {
321
- DEFAULT: string;
322
- foreground: string;
323
- };
324
- divider: {
325
- DEFAULT: string;
326
- foreground: string;
327
- };
328
- alert: {
329
- DEFAULT: string;
330
- foreground: string;
331
- };
332
- gold: {
333
- DEFAULT: string;
334
- foreground: string;
335
- };
336
- bullish: {
337
- DEFAULT: string;
338
- foreground: string;
339
- };
340
- bearish: {
341
- DEFAULT: string;
342
- foreground: string;
343
- };
344
- };
345
- };
346
- 'ux-green-red-soft-dark': {
347
- extend: string;
348
- colors: {
349
- content1: {
350
- DEFAULT: string;
351
- foreground: string;
352
- };
353
- overlay: {
354
- DEFAULT: string;
355
- foreground: string;
356
- };
357
- background: {
358
- 200: string;
359
- 300: string;
360
- 400: string;
361
- 500: string;
362
- DEFAULT: string;
363
- };
364
- foreground: {
365
- 100: string;
366
- 300: string;
367
- 500: string;
368
- DEFAULT: string;
369
- };
370
- default: {
371
- DEFAULT: string;
372
- foreground: string;
373
- };
374
- primary: {
375
- 100: string;
376
- 200: string;
377
- 300: string;
378
- 400: string;
379
- 500: string;
380
- 600: string;
381
- 700: string;
382
- 800: string;
383
- 900: string;
384
- DEFAULT: string;
385
- foreground: string;
386
- };
387
- secondary: {
388
- DEFAULT: string;
389
- foreground: string;
390
- };
391
- tertiary: {
392
- DEFAULT: string;
393
- foreground: string;
394
- };
395
- success: {
396
- DEFAULT: string;
397
- foreground: string;
398
- };
399
- danger: {
400
- DEFAULT: string;
401
- foreground: string;
402
- };
403
- warning: {
404
- DEFAULT: string;
405
- foreground: string;
406
- };
407
- divider: {
408
- DEFAULT: string;
409
- foreground: string;
410
- };
411
- alert: {
412
- DEFAULT: string;
413
- foreground: string;
414
- };
415
- gold: {
416
- DEFAULT: string;
417
- foreground: string;
418
- };
419
- bullish: {
420
- DEFAULT: string;
421
- foreground: string;
422
- };
423
- bearish: {
424
- DEFAULT: string;
425
- foreground: string;
426
- };
427
- };
428
- };
429
- 'ux-green-red-soft-light': {
430
- extend: string;
431
- colors: {
432
- content1: {
433
- DEFAULT: string;
434
- foreground: string;
435
- };
436
- overlay: {
437
- DEFAULT: string;
438
- foreground: string;
439
- };
440
- background: {
441
- 200: string;
442
- 300: string;
443
- 400: string;
444
- 500: string;
445
- DEFAULT: string;
446
- };
447
- foreground: {
448
- 100: string;
449
- 300: string;
450
- 500: string;
451
- DEFAULT: string;
452
- };
453
- default: {
454
- DEFAULT: string;
455
- foreground: string;
456
- };
457
- primary: {
458
- 100: string;
459
- 200: string;
460
- 300: string;
461
- 400: string;
462
- 500: string;
463
- 600: string;
464
- 700: string;
465
- 800: string;
466
- 900: string;
467
- DEFAULT: string;
468
- foreground: string;
469
- };
470
- secondary: {
471
- DEFAULT: string;
472
- foreground: string;
473
- };
474
- tertiary: {
475
- DEFAULT: string;
476
- foreground: string;
477
- };
478
- success: {
479
- DEFAULT: string;
480
- foreground: string;
481
- };
482
- danger: {
483
- DEFAULT: string;
484
- foreground: string;
485
- };
486
- warning: {
487
- DEFAULT: string;
488
- foreground: string;
489
- };
490
- divider: {
491
- DEFAULT: string;
492
- foreground: string;
493
- };
494
- alert: {
495
- DEFAULT: string;
496
- foreground: string;
497
- };
498
- gold: {
499
- DEFAULT: string;
500
- foreground: string;
501
- };
502
- bullish: {
503
- DEFAULT: string;
504
- foreground: string;
505
- };
506
- bearish: {
507
- DEFAULT: string;
508
- foreground: string;
509
- };
510
- };
511
- };
512
- 'gmgn-dark': {
513
- extend: string;
514
- colors: {
515
- content1: {
516
- DEFAULT: string;
517
- foreground: string;
518
- };
519
- overlay: {
520
- DEFAULT: string;
521
- foreground: string;
522
- };
523
- background: {
524
- 200: string;
525
- 300: string;
526
- 400: string;
527
- 500: string;
528
- DEFAULT: string;
529
- };
530
- foreground: {
531
- 100: string;
532
- 300: string;
533
- 500: string;
534
- DEFAULT: string;
535
- };
536
- default: {
537
- DEFAULT: string;
538
- foreground: string;
539
- };
540
- primary: {
541
- 100: string;
542
- 200: string;
543
- 300: string;
544
- 400: string;
545
- 500: string;
546
- 600: string;
547
- 700: string;
548
- 800: string;
549
- 900: string;
550
- DEFAULT: string;
551
- foreground: string;
552
- };
553
- secondary: {
554
- DEFAULT: string;
555
- foreground: string;
556
- };
557
- tertiary: {
558
- DEFAULT: string;
559
- foreground: string;
560
- };
561
- success: {
562
- DEFAULT: string;
563
- foreground: string;
564
- };
565
- danger: {
566
- DEFAULT: string;
567
- foreground: string;
568
- };
569
- warning: {
570
- DEFAULT: string;
571
- foreground: string;
572
- };
573
- divider: {
574
- DEFAULT: string;
575
- foreground: string;
576
- };
577
- alert: {
578
- DEFAULT: string;
579
- foreground: string;
580
- };
581
- gold: {
582
- DEFAULT: string;
583
- foreground: string;
584
- };
585
- bullish: {
586
- DEFAULT: string;
587
- foreground: string;
588
- };
589
- bearish: {
590
- DEFAULT: string;
591
- foreground: string;
592
- };
593
- };
594
- };
595
- 'axiom-dark': {
596
- extend: string;
597
- colors: {
598
- content1: {
599
- DEFAULT: string;
600
- foreground: string;
601
- };
602
- overlay: {
603
- DEFAULT: string;
604
- foreground: string;
605
- };
606
- background: {
607
- 200: string;
608
- 300: string;
609
- 400: string;
610
- 500: string;
611
- DEFAULT: string;
612
- };
613
- foreground: {
614
- 100: string;
615
- 300: string;
616
- 500: string;
617
- DEFAULT: string;
618
- };
619
- default: {
620
- DEFAULT: string;
621
- foreground: string;
622
- };
623
- primary: {
624
- 100: string;
625
- 200: string;
626
- 300: string;
627
- 400: string;
628
- 500: string;
629
- 600: string;
630
- 700: string;
631
- 800: string;
632
- 900: string;
633
- DEFAULT: string;
634
- foreground: string;
635
- };
636
- secondary: {
637
- DEFAULT: string;
638
- foreground: string;
639
- };
640
- tertiary: {
641
- DEFAULT: string;
642
- foreground: string;
643
- };
644
- success: {
645
- DEFAULT: string;
646
- foreground: string;
647
- };
648
- danger: {
649
- DEFAULT: string;
650
- foreground: string;
651
- };
652
- warning: {
653
- DEFAULT: string;
654
- foreground: string;
655
- };
656
- divider: {
657
- DEFAULT: string;
658
- foreground: string;
659
- };
660
- alert: {
661
- DEFAULT: string;
662
- foreground: string;
663
- };
664
- gold: {
665
- DEFAULT: string;
666
- foreground: string;
667
- };
668
- bullish: {
669
- DEFAULT: string;
670
- foreground: string;
671
- };
672
- bearish: {
673
- DEFAULT: string;
674
- foreground: string;
675
- };
676
- };
677
- };
678
- 'hyperliquid-dark': {
679
- extend: string;
680
- colors: {
681
- content1: {
682
- DEFAULT: string;
683
- foreground: string;
684
- };
685
- overlay: {
686
- DEFAULT: string;
687
- foreground: string;
688
- };
689
- background: {
690
- 200: string;
691
- 300: string;
692
- 400: string;
693
- 500: string;
694
- DEFAULT: string;
695
- };
696
- foreground: {
697
- 100: string;
698
- 300: string;
699
- 500: string;
700
- DEFAULT: string;
701
- };
702
- default: {
703
- DEFAULT: string;
704
- foreground: string;
705
- };
706
- primary: {
707
- 100: string;
708
- 200: string;
709
- 300: string;
710
- 400: string;
711
- 500: string;
712
- 600: string;
713
- 700: string;
714
- 800: string;
715
- 900: string;
716
- DEFAULT: string;
717
- foreground: string;
718
- };
719
- secondary: {
720
- DEFAULT: string;
721
- foreground: string;
722
- };
723
- tertiary: {
724
- DEFAULT: string;
725
- foreground: string;
726
- };
727
- success: {
728
- DEFAULT: string;
729
- foreground: string;
730
- };
731
- danger: {
732
- DEFAULT: string;
733
- foreground: string;
734
- };
735
- warning: {
736
- DEFAULT: string;
737
- foreground: string;
738
- };
739
- divider: {
740
- DEFAULT: string;
741
- foreground: string;
742
- };
743
- alert: {
744
- DEFAULT: string;
745
- foreground: string;
746
- };
747
- gold: {
748
- DEFAULT: string;
749
- foreground: string;
750
- };
751
- bullish: {
752
- DEFAULT: string;
753
- foreground: string;
754
- };
755
- bearish: {
756
- DEFAULT: string;
757
- foreground: string;
758
- };
759
- };
760
- };
761
- 'phantom-dark': {
762
- extend: string;
763
- colors: {
764
- content1: {
765
- DEFAULT: string;
766
- foreground: string;
767
- };
768
- overlay: {
769
- DEFAULT: string;
770
- foreground: string;
771
- };
772
- background: {
773
- 200: string;
774
- 300: string;
775
- 400: string;
776
- 500: string;
777
- DEFAULT: string;
778
- };
779
- foreground: {
780
- 100: string;
781
- 300: string;
782
- 500: string;
783
- DEFAULT: string;
784
- };
785
- default: {
786
- DEFAULT: string;
787
- foreground: string;
788
- };
789
- primary: {
790
- 100: string;
791
- 200: string;
792
- 300: string;
793
- 400: string;
794
- 500: string;
795
- 600: string;
796
- 700: string;
797
- 800: string;
798
- 900: string;
799
- DEFAULT: string;
800
- foreground: string;
801
- };
802
- secondary: {
803
- DEFAULT: string;
804
- foreground: string;
805
- };
806
- tertiary: {
807
- DEFAULT: string;
808
- foreground: string;
809
- };
810
- success: {
811
- DEFAULT: string;
812
- foreground: string;
813
- };
814
- danger: {
815
- DEFAULT: string;
816
- foreground: string;
817
- };
818
- warning: {
819
- DEFAULT: string;
820
- foreground: string;
821
- };
822
- divider: {
823
- DEFAULT: string;
824
- foreground: string;
825
- };
826
- alert: {
827
- DEFAULT: string;
828
- foreground: string;
829
- };
830
- gold: {
831
- DEFAULT: string;
832
- foreground: string;
833
- };
834
- bullish: {
835
- DEFAULT: string;
836
- foreground: string;
837
- };
838
- bearish: {
839
- DEFAULT: string;
840
- foreground: string;
841
- };
842
- };
843
- };
844
- 'binance-dark': {
845
- extend: string;
846
- colors: {
847
- content1: {
848
- DEFAULT: string;
849
- foreground: string;
850
- };
851
- overlay: {
852
- DEFAULT: string;
853
- foreground: string;
854
- };
855
- background: {
856
- 200: string;
857
- 300: string;
858
- 400: string;
859
- 500: string;
860
- DEFAULT: string;
861
- };
862
- foreground: {
863
- 100: string;
864
- 300: string;
865
- 500: string;
866
- DEFAULT: string;
867
- };
868
- default: {
869
- DEFAULT: string;
870
- foreground: string;
871
- };
872
- primary: {
873
- 100: string;
874
- 200: string;
875
- 300: string;
876
- 400: string;
877
- 500: string;
878
- 600: string;
879
- 700: string;
880
- 800: string;
881
- 900: string;
882
- DEFAULT: string;
883
- foreground: string;
884
- };
885
- secondary: {
886
- DEFAULT: string;
887
- foreground: string;
888
- };
889
- tertiary: {
890
- DEFAULT: string;
891
- foreground: string;
892
- };
893
- success: {
894
- DEFAULT: string;
895
- foreground: string;
896
- };
897
- danger: {
898
- DEFAULT: string;
899
- foreground: string;
900
- };
901
- warning: {
902
- DEFAULT: string;
903
- foreground: string;
904
- };
905
- divider: {
906
- DEFAULT: string;
907
- foreground: string;
908
- };
909
- alert: {
910
- DEFAULT: string;
911
- foreground: string;
912
- };
913
- gold: {
914
- DEFAULT: string;
915
- foreground: string;
916
- };
917
- bullish: {
918
- DEFAULT: string;
919
- foreground: string;
920
- };
921
- bearish: {
922
- DEFAULT: string;
923
- foreground: string;
924
- };
925
- };
926
- };
927
- 'bullx-dark': {
928
- extend: string;
929
- colors: {
930
- content1: {
931
- DEFAULT: string;
932
- foreground: string;
933
- };
934
- overlay: {
935
- DEFAULT: string;
936
- foreground: string;
937
- };
938
- background: {
939
- 200: string;
940
- 300: string;
941
- 400: string;
942
- 500: string;
943
- DEFAULT: string;
944
- };
945
- foreground: {
946
- 100: string;
947
- 300: string;
948
- 500: string;
949
- DEFAULT: string;
950
- };
951
- default: {
952
- DEFAULT: string;
953
- foreground: string;
954
- };
955
- primary: {
956
- 100: string;
957
- 200: string;
958
- 300: string;
959
- 400: string;
960
- 500: string;
961
- 600: string;
962
- 700: string;
963
- 800: string;
964
- 900: string;
965
- DEFAULT: string;
966
- foreground: string;
967
- };
968
- secondary: {
969
- DEFAULT: string;
970
- foreground: string;
971
- };
972
- tertiary: {
973
- DEFAULT: string;
974
- foreground: string;
975
- };
976
- success: {
977
- DEFAULT: string;
978
- foreground: string;
979
- };
980
- danger: {
981
- DEFAULT: string;
982
- foreground: string;
983
- };
984
- warning: {
985
- DEFAULT: string;
986
- foreground: string;
987
- };
988
- divider: {
989
- DEFAULT: string;
990
- foreground: string;
991
- };
992
- alert: {
993
- DEFAULT: string;
994
- foreground: string;
995
- };
996
- gold: {
997
- DEFAULT: string;
998
- foreground: string;
999
- };
1000
- bullish: {
1001
- DEFAULT: string;
1002
- foreground: string;
1003
- };
1004
- bearish: {
1005
- DEFAULT: string;
1006
- foreground: string;
1007
- };
1008
- };
1009
- };
1010
- };