@particle-network/ui-shared 0.3.0-beta.2 → 0.3.0-beta.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,1338 @@
1
+ const themeData = [
2
+ {
3
+ id: 'ux-purple-gold-dark',
4
+ zhName: 'UX 紫金 Dark',
5
+ enName: 'UX Purple/Gold Dark',
6
+ colorScheme: 'dark',
7
+ colorVariables: {
8
+ default: '#FFFFFF',
9
+ white: '#FFFFFF',
10
+ transparent: 'transparent',
11
+ foreground: '#FFFFFF',
12
+ secondary: '#A1A1AA',
13
+ tertiary: '#4E4E56',
14
+ primary: '#D745FF',
15
+ success: '#45B167',
16
+ danger: '#E84A5A',
17
+ alert: '#F57733',
18
+ warning: '#FF9821',
19
+ gold: '#FFB800',
20
+ 'bg-default': '#000000',
21
+ 'bg-200': '#1F1F23',
22
+ 'bg-300': '#17171C',
23
+ 'bg-400': '#0F0F0F',
24
+ overlay: '#17171C',
25
+ divider: '#282828',
26
+ bullish: '#D745FF',
27
+ bearish: '#FFAC34'
28
+ }
29
+ },
30
+ {
31
+ id: 'ux-purple-gold-light',
32
+ zhName: 'UX 紫金 Light',
33
+ enName: 'UX Purple/Gold Light',
34
+ colorScheme: 'light',
35
+ colorVariables: {
36
+ default: '#000000',
37
+ white: '#FFFFFF',
38
+ transparent: 'transparent',
39
+ foreground: '#000000',
40
+ secondary: '#767A80',
41
+ tertiary: '#D8D8DE',
42
+ primary: '#D745FF',
43
+ success: '#2E9F4A',
44
+ danger: '#DE4A40',
45
+ alert: '#E65E16',
46
+ warning: '#FF9821',
47
+ gold: '#F38300',
48
+ 'bg-default': '#F8F8FA',
49
+ 'bg-200': '#F0F0F2',
50
+ 'bg-300': '#F8F8FA',
51
+ 'bg-400': '#FFFFFF',
52
+ overlay: '#FFFFFF',
53
+ divider: '#E8E8ED',
54
+ bullish: '#D745FF',
55
+ bearish: '#F9A01E'
56
+ }
57
+ },
58
+ {
59
+ id: 'ux-green-red-dark',
60
+ zhName: 'UX 绿红 Dark',
61
+ enName: 'UX Green/Red Dark',
62
+ colorScheme: 'dark',
63
+ colorVariables: {
64
+ default: '#FFFFFF',
65
+ white: '#FFFFFF',
66
+ transparent: 'transparent',
67
+ foreground: '#FFFFFF',
68
+ secondary: '#A1A1AA',
69
+ tertiary: '#4E4E56',
70
+ primary: '#D745FF',
71
+ success: '#45B167',
72
+ danger: '#E84A5A',
73
+ alert: '#F57733',
74
+ warning: '#FF9821',
75
+ gold: '#FFB800',
76
+ 'bg-default': '#000000',
77
+ 'bg-200': '#1F1F23',
78
+ 'bg-300': '#17171C',
79
+ 'bg-400': '#0F0F0F',
80
+ overlay: '#17171C',
81
+ divider: '#282828',
82
+ bullish: '#45B167',
83
+ bearish: '#E84A5A'
84
+ }
85
+ },
86
+ {
87
+ id: 'ux-green-red-light',
88
+ zhName: 'UX 绿红 Light',
89
+ enName: 'UX Green/Red Light',
90
+ colorScheme: 'light',
91
+ colorVariables: {
92
+ default: '#000000',
93
+ white: '#FFFFFF',
94
+ transparent: 'transparent',
95
+ foreground: '#000000',
96
+ secondary: '#767A80',
97
+ tertiary: '#D8D8DE',
98
+ primary: '#D745FF',
99
+ success: '#2E9F4A',
100
+ danger: '#DE4A40',
101
+ alert: '#E65E16',
102
+ warning: '#FF9821',
103
+ gold: '#F38300',
104
+ 'bg-default': '#F8F8FA',
105
+ 'bg-200': '#F0F0F2',
106
+ 'bg-300': '#F8F8FA',
107
+ 'bg-400': '#FFFFFF',
108
+ overlay: '#FFFFFF',
109
+ divider: '#E8E8ED',
110
+ bullish: '#45B167',
111
+ bearish: '#E84A5A'
112
+ }
113
+ },
114
+ {
115
+ id: 'ux-green-red-soft-dark',
116
+ zhName: 'UX 柔和 Dark',
117
+ enName: 'UX Soft Dark',
118
+ colorScheme: 'dark',
119
+ colorVariables: {
120
+ default: '#FDFDFE',
121
+ white: '#FFFFFF',
122
+ transparent: 'transparent',
123
+ foreground: '#FDFDFE',
124
+ secondary: '#BBBBC4',
125
+ tertiary: '#70707C',
126
+ primary: '#D745FF',
127
+ success: '#73D090',
128
+ danger: '#F46271',
129
+ alert: '#F37A39',
130
+ warning: '#F8BF63',
131
+ gold: '#FFB800',
132
+ 'bg-default': '#100E11',
133
+ 'bg-200': '#2A2A30',
134
+ 'bg-300': '#17171C',
135
+ 'bg-400': '#19161B',
136
+ overlay: '#17171C',
137
+ divider: '#282828',
138
+ bullish: '#73D090',
139
+ bearish: '#F46271'
140
+ }
141
+ },
142
+ {
143
+ id: 'ux-green-red-soft-light',
144
+ zhName: 'UX 柔和 Light',
145
+ enName: 'UX Soft Light',
146
+ colorScheme: 'light',
147
+ colorVariables: {
148
+ default: '#0C0C0F',
149
+ white: '#FFFFFF',
150
+ transparent: 'transparent',
151
+ foreground: '#0C0C0F',
152
+ secondary: '#363538',
153
+ tertiary: '#7B7B85',
154
+ primary: '#D745FF',
155
+ success: '#19AB5E',
156
+ danger: '#FF5868',
157
+ alert: '#F07939',
158
+ warning: '#F6932B',
159
+ gold: '#FFB800',
160
+ 'bg-default': '#F6F6F6',
161
+ 'bg-200': '#E9E7EE',
162
+ 'bg-300': '#F6F6F6',
163
+ 'bg-400': '#FFFFFF',
164
+ overlay: '#FFFFFF',
165
+ divider: '#DAD7E0',
166
+ bullish: '#19AB5E',
167
+ bearish: '#FF5868'
168
+ }
169
+ },
170
+ {
171
+ id: 'gmgn-dark',
172
+ zhName: 'GMGN',
173
+ enName: 'GMGN',
174
+ colorScheme: 'dark',
175
+ colorVariables: {
176
+ default: '#F0F5F5',
177
+ white: '#FFFFFF',
178
+ transparent: 'transparent',
179
+ foreground: '#F0F5F5',
180
+ secondary: '#C4CCCC',
181
+ tertiary: '#757E80',
182
+ primary: '#86D99F',
183
+ success: '#86D99F',
184
+ danger: '#F26682',
185
+ alert: '#F55832',
186
+ warning: '#EDB951',
187
+ gold: '#F5DA54',
188
+ 'bg-default': '#0C0C0F',
189
+ 'bg-200': '#282A2E',
190
+ 'bg-300': '#1A1B1F',
191
+ 'bg-400': '#111214',
192
+ overlay: '#1A1B1F',
193
+ divider: '#282828',
194
+ bullish: '#1DB069',
195
+ bearish: '#DE4E52'
196
+ }
197
+ },
198
+ {
199
+ id: 'axiom-dark',
200
+ zhName: 'AXIOM',
201
+ enName: 'AXIOM',
202
+ colorScheme: 'dark',
203
+ colorVariables: {
204
+ default: '#FCFCFC',
205
+ white: '#FFFFFF',
206
+ transparent: 'transparent',
207
+ foreground: '#FCFCFC',
208
+ secondary: '#C8C9D1',
209
+ tertiary: '#777A8C',
210
+ primary: '#526FFF',
211
+ success: '#2FE3AC',
212
+ danger: '#EC397A',
213
+ alert: '#F57733',
214
+ warning: '#F7931A',
215
+ gold: '#F7931A',
216
+ 'bg-default': '#0C0C0F',
217
+ 'bg-200': '#333542',
218
+ 'bg-300': '#18181A',
219
+ 'bg-400': '#101114',
220
+ overlay: '#18181A',
221
+ divider: '#333542',
222
+ bullish: '#0B9981',
223
+ bearish: '#F23646'
224
+ }
225
+ },
226
+ {
227
+ id: 'hyperliquid-dark',
228
+ zhName: 'Hyperliquid',
229
+ enName: 'Hyperliquid',
230
+ colorScheme: 'dark',
231
+ colorVariables: {
232
+ default: '#F6FEFD',
233
+ white: '#FFFFFF',
234
+ transparent: 'transparent',
235
+ foreground: '#F6FEFD',
236
+ secondary: '#D1D4DC',
237
+ tertiary: '#949E9C',
238
+ primary: '#50D2C1',
239
+ success: '#1FA67D',
240
+ danger: '#ED7088',
241
+ alert: '#EF8F50',
242
+ warning: '#FFB648',
243
+ gold: '#FFB648',
244
+ 'bg-default': '#0F1A1F',
245
+ 'bg-200': '#273035',
246
+ 'bg-300': '#1B2429',
247
+ 'bg-400': '#0F1A1F',
248
+ overlay: '#1B2429',
249
+ divider: '#444651',
250
+ bullish: '#51D2C1',
251
+ bearish: '#D45B71'
252
+ }
253
+ },
254
+ {
255
+ id: 'phantom-dark',
256
+ zhName: 'Phantom',
257
+ enName: 'Phantom',
258
+ colorScheme: 'dark',
259
+ colorVariables: {
260
+ default: '#FFFFFF',
261
+ white: '#FFFFFF',
262
+ transparent: 'transparent',
263
+ foreground: '#FFFFFF',
264
+ secondary: '#999999',
265
+ tertiary: '#757E80',
266
+ primary: '#AB9FF2',
267
+ success: '#2EC08B',
268
+ danger: '#F7525F',
269
+ alert: '#FF9C3F',
270
+ warning: '#FFD13F',
271
+ gold: '#FFD13F',
272
+ 'bg-default': '#13121A',
273
+ 'bg-200': '#222222',
274
+ 'bg-300': '#272735',
275
+ 'bg-400': '#22212A',
276
+ overlay: '#272735',
277
+ divider: '#323232',
278
+ bullish: '#2EC08B',
279
+ bearish: '#FF7243'
280
+ }
281
+ },
282
+ {
283
+ id: 'binance-dark',
284
+ zhName: 'Binance',
285
+ enName: 'Binance',
286
+ colorScheme: 'dark',
287
+ colorVariables: {
288
+ default: '#EAECEF',
289
+ white: '#FFFFFF',
290
+ transparent: 'transparent',
291
+ foreground: '#EAECEF',
292
+ secondary: '#929AA5',
293
+ tertiary: '#707A8A',
294
+ primary: '#FCD535',
295
+ success: '#2EBD85',
296
+ danger: '#F6465D',
297
+ alert: '#FF693D',
298
+ warning: '#F0B90B',
299
+ gold: '#2DBD85',
300
+ 'bg-default': '#0B0E11',
301
+ 'bg-200': '#29313D',
302
+ 'bg-300': '#202630',
303
+ 'bg-400': '#181A20',
304
+ overlay: '#202630',
305
+ divider: '#343B47',
306
+ bullish: '#2EBD85',
307
+ bearish: '#F6465D'
308
+ }
309
+ },
310
+ {
311
+ id: 'bullx-dark',
312
+ zhName: "Bullx's",
313
+ enName: "Bullx's",
314
+ colorScheme: 'dark',
315
+ colorVariables: {
316
+ default: '#E9E9E9',
317
+ white: '#FFFFFF',
318
+ transparent: 'transparent',
319
+ foreground: '#E9E9E9',
320
+ secondary: '#98989B',
321
+ tertiary: '#686a6d',
322
+ primary: '#61DC9B',
323
+ success: '#459C6E',
324
+ danger: '#A13C45',
325
+ alert: '#E9BF52',
326
+ warning: '#DCC161',
327
+ gold: '#E9BF52',
328
+ 'bg-default': '#09090B',
329
+ 'bg-200': '#1B1D22',
330
+ 'bg-300': '#0D0D10',
331
+ 'bg-400': '#0F0F0F',
332
+ overlay: '#0D0D10',
333
+ divider: '#1E2025',
334
+ bullish: '#459C6E',
335
+ bearish: '#A13C45'
336
+ }
337
+ }
338
+ ];
339
+ const themeKeys = themeData.map((theme)=>theme.id);
340
+ const tailwindTheme = {
341
+ 'ux-purple-gold-dark': {
342
+ extend: 'dark',
343
+ colors: {
344
+ content1: {
345
+ DEFAULT: '#17171C',
346
+ foreground: '#FFFFFF'
347
+ },
348
+ overlay: {
349
+ DEFAULT: '#17171C',
350
+ foreground: '#FFFFFF'
351
+ },
352
+ background: {
353
+ 200: '#1F1F23',
354
+ 300: '#17171C',
355
+ 400: '#0F0F0F',
356
+ 500: '#000000',
357
+ DEFAULT: '#000000'
358
+ },
359
+ foreground: {
360
+ 100: '#4E4E56',
361
+ 300: '#A1A1AA',
362
+ 500: '#FFFFFF',
363
+ DEFAULT: '#FFFFFF'
364
+ },
365
+ default: {
366
+ DEFAULT: '#E8E8EB',
367
+ foreground: '#FFFFFF'
368
+ },
369
+ primary: {
370
+ 100: '#F6EDF7',
371
+ 200: '#EBCCF0',
372
+ 300: '#E2A5EF',
373
+ 400: '#DC78F4',
374
+ 500: '#D745FF',
375
+ 600: '#C10DF9',
376
+ 700: '#900ABE',
377
+ 800: '#5F0A80',
378
+ 900: '#330845',
379
+ DEFAULT: '#D745FF',
380
+ foreground: '#FFFFFF'
381
+ },
382
+ secondary: {
383
+ DEFAULT: '#A1A1AA',
384
+ foreground: '#000000'
385
+ },
386
+ tertiary: {
387
+ DEFAULT: '#4E4E56',
388
+ foreground: '#FFFFFF'
389
+ },
390
+ success: {
391
+ DEFAULT: '#45B167',
392
+ foreground: '#FFFFFF'
393
+ },
394
+ danger: {
395
+ DEFAULT: '#E84A5A',
396
+ foreground: '#FFFFFF'
397
+ },
398
+ warning: {
399
+ DEFAULT: '#FF9821',
400
+ foreground: '#FFFFFF'
401
+ },
402
+ divider: {
403
+ DEFAULT: '#282828',
404
+ foreground: '#FFFFFF'
405
+ },
406
+ alert: {
407
+ DEFAULT: '#F57733',
408
+ foreground: '#FFFFFF'
409
+ },
410
+ gold: {
411
+ DEFAULT: '#FFB800',
412
+ foreground: '#FFFFFF'
413
+ },
414
+ bullish: {
415
+ DEFAULT: '#D745FF',
416
+ foreground: '#FFFFFF'
417
+ },
418
+ bearish: {
419
+ DEFAULT: '#FFAC34',
420
+ foreground: '#FFFFFF'
421
+ }
422
+ }
423
+ },
424
+ 'ux-purple-gold-light': {
425
+ extend: 'light',
426
+ colors: {
427
+ content1: {
428
+ DEFAULT: '#FFFFFF',
429
+ foreground: '#000000'
430
+ },
431
+ overlay: {
432
+ DEFAULT: '#FFFFFF',
433
+ foreground: '#000000'
434
+ },
435
+ background: {
436
+ 200: '#F0F0F2',
437
+ 300: '#F8F8FA',
438
+ 400: '#FFFFFF',
439
+ 500: '#F8F8FA',
440
+ DEFAULT: '#F8F8FA'
441
+ },
442
+ foreground: {
443
+ 100: '#D8D8DE',
444
+ 300: '#767A80',
445
+ 500: '#000000',
446
+ DEFAULT: '#000000'
447
+ },
448
+ default: {
449
+ DEFAULT: '#E8E8EB',
450
+ foreground: '#000000'
451
+ },
452
+ primary: {
453
+ 100: '#F6EDF7',
454
+ 200: '#EBCCF0',
455
+ 300: '#E2A5EF',
456
+ 400: '#DC78F4',
457
+ 500: '#D745FF',
458
+ 600: '#C10DF9',
459
+ 700: '#900ABE',
460
+ 800: '#5F0A80',
461
+ 900: '#330845',
462
+ DEFAULT: '#D745FF',
463
+ foreground: '#FFFFFF'
464
+ },
465
+ secondary: {
466
+ DEFAULT: '#767A80',
467
+ foreground: '#FFFFFF'
468
+ },
469
+ tertiary: {
470
+ DEFAULT: '#D8D8DE',
471
+ foreground: '#000000'
472
+ },
473
+ success: {
474
+ DEFAULT: '#2E9F4A',
475
+ foreground: '#FFFFFF'
476
+ },
477
+ danger: {
478
+ DEFAULT: '#DE4A40',
479
+ foreground: '#FFFFFF'
480
+ },
481
+ warning: {
482
+ DEFAULT: '#FF9821',
483
+ foreground: '#FFFFFF'
484
+ },
485
+ divider: {
486
+ DEFAULT: '#E8E8ED',
487
+ foreground: '#000000'
488
+ },
489
+ alert: {
490
+ DEFAULT: '#E65E16',
491
+ foreground: '#FFFFFF'
492
+ },
493
+ gold: {
494
+ DEFAULT: '#F38300',
495
+ foreground: '#FFFFFF'
496
+ },
497
+ bullish: {
498
+ DEFAULT: '#D745FF',
499
+ foreground: '#FFFFFF'
500
+ },
501
+ bearish: {
502
+ DEFAULT: '#F9A01E',
503
+ foreground: '#FFFFFF'
504
+ }
505
+ }
506
+ },
507
+ 'ux-green-red-dark': {
508
+ extend: 'dark',
509
+ colors: {
510
+ content1: {
511
+ DEFAULT: '#17171C',
512
+ foreground: '#FFFFFF'
513
+ },
514
+ overlay: {
515
+ DEFAULT: '#17171C',
516
+ foreground: '#FFFFFF'
517
+ },
518
+ background: {
519
+ 200: '#1F1F23',
520
+ 300: '#17171C',
521
+ 400: '#0F0F0F',
522
+ 500: '#000000',
523
+ DEFAULT: '#000000'
524
+ },
525
+ foreground: {
526
+ 100: '#4E4E56',
527
+ 300: '#A1A1AA',
528
+ 500: '#FFFFFF',
529
+ DEFAULT: '#FFFFFF'
530
+ },
531
+ default: {
532
+ DEFAULT: '#E8E8EB',
533
+ foreground: '#FFFFFF'
534
+ },
535
+ primary: {
536
+ 100: '#F6EDF7',
537
+ 200: '#EBCCF0',
538
+ 300: '#E2A5EF',
539
+ 400: '#DC78F4',
540
+ 500: '#D745FF',
541
+ 600: '#C10DF9',
542
+ 700: '#900ABE',
543
+ 800: '#5F0A80',
544
+ 900: '#330845',
545
+ DEFAULT: '#D745FF',
546
+ foreground: '#FFFFFF'
547
+ },
548
+ secondary: {
549
+ DEFAULT: '#A1A1AA',
550
+ foreground: '#000000'
551
+ },
552
+ tertiary: {
553
+ DEFAULT: '#4E4E56',
554
+ foreground: '#FFFFFF'
555
+ },
556
+ success: {
557
+ DEFAULT: '#45B167',
558
+ foreground: '#FFFFFF'
559
+ },
560
+ danger: {
561
+ DEFAULT: '#E84A5A',
562
+ foreground: '#FFFFFF'
563
+ },
564
+ warning: {
565
+ DEFAULT: '#FF9821',
566
+ foreground: '#FFFFFF'
567
+ },
568
+ divider: {
569
+ DEFAULT: '#282828',
570
+ foreground: '#FFFFFF'
571
+ },
572
+ alert: {
573
+ DEFAULT: '#F57733',
574
+ foreground: '#FFFFFF'
575
+ },
576
+ gold: {
577
+ DEFAULT: '#FFB800',
578
+ foreground: '#FFFFFF'
579
+ },
580
+ bullish: {
581
+ DEFAULT: '#45B167',
582
+ foreground: '#FFFFFF'
583
+ },
584
+ bearish: {
585
+ DEFAULT: '#E84A5A',
586
+ foreground: '#FFFFFF'
587
+ }
588
+ }
589
+ },
590
+ 'ux-green-red-light': {
591
+ extend: 'light',
592
+ colors: {
593
+ content1: {
594
+ DEFAULT: '#FFFFFF',
595
+ foreground: '#000000'
596
+ },
597
+ overlay: {
598
+ DEFAULT: '#FFFFFF',
599
+ foreground: '#000000'
600
+ },
601
+ background: {
602
+ 200: '#F0F0F2',
603
+ 300: '#F8F8FA',
604
+ 400: '#FFFFFF',
605
+ 500: '#F8F8FA',
606
+ DEFAULT: '#F8F8FA'
607
+ },
608
+ foreground: {
609
+ 100: '#D8D8DE',
610
+ 300: '#767A80',
611
+ 500: '#000000',
612
+ DEFAULT: '#000000'
613
+ },
614
+ default: {
615
+ DEFAULT: '#E8E8EB',
616
+ foreground: '#000000'
617
+ },
618
+ primary: {
619
+ 100: '#F6EDF7',
620
+ 200: '#EBCCF0',
621
+ 300: '#E2A5EF',
622
+ 400: '#DC78F4',
623
+ 500: '#D745FF',
624
+ 600: '#C10DF9',
625
+ 700: '#900ABE',
626
+ 800: '#5F0A80',
627
+ 900: '#330845',
628
+ DEFAULT: '#D745FF',
629
+ foreground: '#FFFFFF'
630
+ },
631
+ secondary: {
632
+ DEFAULT: '#767A80',
633
+ foreground: '#FFFFFF'
634
+ },
635
+ tertiary: {
636
+ DEFAULT: '#D8D8DE',
637
+ foreground: '#000000'
638
+ },
639
+ success: {
640
+ DEFAULT: '#2E9F4A',
641
+ foreground: '#FFFFFF'
642
+ },
643
+ danger: {
644
+ DEFAULT: '#DE4A40',
645
+ foreground: '#FFFFFF'
646
+ },
647
+ warning: {
648
+ DEFAULT: '#FF9821',
649
+ foreground: '#FFFFFF'
650
+ },
651
+ divider: {
652
+ DEFAULT: '#E8E8ED',
653
+ foreground: '#000000'
654
+ },
655
+ alert: {
656
+ DEFAULT: '#E65E16',
657
+ foreground: '#FFFFFF'
658
+ },
659
+ gold: {
660
+ DEFAULT: '#F38300',
661
+ foreground: '#FFFFFF'
662
+ },
663
+ bullish: {
664
+ DEFAULT: '#45B167',
665
+ foreground: '#FFFFFF'
666
+ },
667
+ bearish: {
668
+ DEFAULT: '#E84A5A',
669
+ foreground: '#FFFFFF'
670
+ }
671
+ }
672
+ },
673
+ 'ux-green-red-soft-dark': {
674
+ extend: 'dark',
675
+ colors: {
676
+ content1: {
677
+ DEFAULT: '#17171C',
678
+ foreground: '#FFFFFF'
679
+ },
680
+ overlay: {
681
+ DEFAULT: '#17171C',
682
+ foreground: '#FFFFFF'
683
+ },
684
+ background: {
685
+ 200: '#2A2A30',
686
+ 300: '#17171C',
687
+ 400: '#19161B',
688
+ 500: '#100E11',
689
+ DEFAULT: '#100E11'
690
+ },
691
+ foreground: {
692
+ 100: '#70707C',
693
+ 300: '#BBBBC4',
694
+ 500: '#FDFDFE',
695
+ DEFAULT: '#FDFDFE'
696
+ },
697
+ default: {
698
+ DEFAULT: '#E8E8EB',
699
+ foreground: '#FDFDFE'
700
+ },
701
+ primary: {
702
+ 100: '#F6EDF7',
703
+ 200: '#EBCCF0',
704
+ 300: '#E2A5EF',
705
+ 400: '#DC78F4',
706
+ 500: '#D745FF',
707
+ 600: '#C10DF9',
708
+ 700: '#900ABE',
709
+ 800: '#5F0A80',
710
+ 900: '#330845',
711
+ DEFAULT: '#D745FF',
712
+ foreground: '#FFFFFF'
713
+ },
714
+ secondary: {
715
+ DEFAULT: '#BBBBC4',
716
+ foreground: '#000000'
717
+ },
718
+ tertiary: {
719
+ DEFAULT: '#70707C',
720
+ foreground: '#FFFFFF'
721
+ },
722
+ success: {
723
+ DEFAULT: '#73D090',
724
+ foreground: '#000000'
725
+ },
726
+ danger: {
727
+ DEFAULT: '#F46271',
728
+ foreground: '#000000'
729
+ },
730
+ warning: {
731
+ DEFAULT: '#F8BF63',
732
+ foreground: '#000000'
733
+ },
734
+ divider: {
735
+ DEFAULT: '#282828',
736
+ foreground: '#FFFFFF'
737
+ },
738
+ alert: {
739
+ DEFAULT: '#F37A39',
740
+ foreground: '#000000'
741
+ },
742
+ gold: {
743
+ DEFAULT: '#FFB800',
744
+ foreground: '#000000'
745
+ },
746
+ bullish: {
747
+ DEFAULT: '#73D090',
748
+ foreground: '#000000'
749
+ },
750
+ bearish: {
751
+ DEFAULT: '#F46271',
752
+ foreground: '#000000'
753
+ }
754
+ }
755
+ },
756
+ 'ux-green-red-soft-light': {
757
+ extend: 'light',
758
+ colors: {
759
+ content1: {
760
+ DEFAULT: '#FFFFFF',
761
+ foreground: '#000000'
762
+ },
763
+ overlay: {
764
+ DEFAULT: '#FFFFFF',
765
+ foreground: '#000000'
766
+ },
767
+ background: {
768
+ 200: '#E9E7EE',
769
+ 300: '#F6F6F6',
770
+ 400: '#FFFFFF',
771
+ 500: '#F6F6F6',
772
+ DEFAULT: '#F6F6F6'
773
+ },
774
+ foreground: {
775
+ 100: '#7B7B85',
776
+ 300: '#363538',
777
+ 500: '#0C0C0F',
778
+ DEFAULT: '#0C0C0F'
779
+ },
780
+ default: {
781
+ DEFAULT: '#E8E8EB',
782
+ foreground: '#0C0C0F'
783
+ },
784
+ primary: {
785
+ 100: '#F6EDF7',
786
+ 200: '#EBCCF0',
787
+ 300: '#E2A5EF',
788
+ 400: '#DC78F4',
789
+ 500: '#D745FF',
790
+ 600: '#C10DF9',
791
+ 700: '#900ABE',
792
+ 800: '#5F0A80',
793
+ 900: '#330845',
794
+ DEFAULT: '#D745FF',
795
+ foreground: '#FFFFFF'
796
+ },
797
+ secondary: {
798
+ DEFAULT: '#363538',
799
+ foreground: '#FFFFFF'
800
+ },
801
+ tertiary: {
802
+ DEFAULT: '#7B7B85',
803
+ foreground: '#FFFFFF'
804
+ },
805
+ success: {
806
+ DEFAULT: '#19AB5E',
807
+ foreground: '#FFFFFF'
808
+ },
809
+ danger: {
810
+ DEFAULT: '#FF5868',
811
+ foreground: '#FFFFFF'
812
+ },
813
+ warning: {
814
+ DEFAULT: '#F6932B',
815
+ foreground: '#FFFFFF'
816
+ },
817
+ divider: {
818
+ DEFAULT: '#DAD7E0',
819
+ foreground: '#000000'
820
+ },
821
+ alert: {
822
+ DEFAULT: '#F07939',
823
+ foreground: '#FFFFFF'
824
+ },
825
+ gold: {
826
+ DEFAULT: '#FFB800',
827
+ foreground: '#FFFFFF'
828
+ },
829
+ bullish: {
830
+ DEFAULT: '#19AB5E',
831
+ foreground: '#FFFFFF'
832
+ },
833
+ bearish: {
834
+ DEFAULT: '#FF5868',
835
+ foreground: '#FFFFFF'
836
+ }
837
+ }
838
+ },
839
+ 'gmgn-dark': {
840
+ extend: 'dark',
841
+ colors: {
842
+ content1: {
843
+ DEFAULT: '#1A1B1F',
844
+ foreground: '#FFFFFF'
845
+ },
846
+ overlay: {
847
+ DEFAULT: '#1A1B1F',
848
+ foreground: '#FFFFFF'
849
+ },
850
+ background: {
851
+ 200: '#282A2E',
852
+ 300: '#1A1B1F',
853
+ 400: '#111214',
854
+ 500: '#0C0C0F',
855
+ DEFAULT: '#0C0C0F'
856
+ },
857
+ foreground: {
858
+ 100: '#757E80',
859
+ 300: '#C4CCCC',
860
+ 500: '#F0F5F5',
861
+ DEFAULT: '#F0F5F5'
862
+ },
863
+ default: {
864
+ DEFAULT: '#E8E8EB',
865
+ foreground: '#F0F5F5'
866
+ },
867
+ primary: {
868
+ 100: '#F0F5F2',
869
+ 200: '#D9EADF',
870
+ 300: '#C0E2CC',
871
+ 400: '#A4DCB6',
872
+ 500: '#86D99F',
873
+ 600: '#55C674',
874
+ 700: '#399D53',
875
+ 800: '#286938',
876
+ 900: '#16361D',
877
+ DEFAULT: '#86D99F',
878
+ foreground: '#000000'
879
+ },
880
+ secondary: {
881
+ DEFAULT: '#C4CCCC',
882
+ foreground: '#000000'
883
+ },
884
+ tertiary: {
885
+ DEFAULT: '#757E80',
886
+ foreground: '#FFFFFF'
887
+ },
888
+ success: {
889
+ DEFAULT: '#86D99F',
890
+ foreground: '#000000'
891
+ },
892
+ danger: {
893
+ DEFAULT: '#F26682',
894
+ foreground: '#000000'
895
+ },
896
+ warning: {
897
+ DEFAULT: '#EDB951',
898
+ foreground: '#000000'
899
+ },
900
+ divider: {
901
+ DEFAULT: '#282828',
902
+ foreground: '#FFFFFF'
903
+ },
904
+ alert: {
905
+ DEFAULT: '#F55832',
906
+ foreground: '#000000'
907
+ },
908
+ gold: {
909
+ DEFAULT: '#F5DA54',
910
+ foreground: '#000000'
911
+ },
912
+ bullish: {
913
+ DEFAULT: '#1DB069',
914
+ foreground: '#000000'
915
+ },
916
+ bearish: {
917
+ DEFAULT: '#DE4E52',
918
+ foreground: '#000000'
919
+ }
920
+ }
921
+ },
922
+ 'axiom-dark': {
923
+ extend: 'dark',
924
+ colors: {
925
+ content1: {
926
+ DEFAULT: '#18181A',
927
+ foreground: '#FFFFFF'
928
+ },
929
+ overlay: {
930
+ DEFAULT: '#18181A',
931
+ foreground: '#FFFFFF'
932
+ },
933
+ background: {
934
+ 200: '#333542',
935
+ 300: '#18181A',
936
+ 400: '#101114',
937
+ 500: '#0C0C0F',
938
+ DEFAULT: '#0C0C0F'
939
+ },
940
+ foreground: {
941
+ 100: '#777A8C',
942
+ 300: '#C8C9D1',
943
+ 500: '#FCFCFC',
944
+ DEFAULT: '#FCFCFC'
945
+ },
946
+ default: {
947
+ DEFAULT: '#E8E8EB',
948
+ foreground: '#FCFCFC'
949
+ },
950
+ primary: {
951
+ 100: '#EDEEF7',
952
+ 200: '#CFD2F1',
953
+ 300: '#ABB3F0',
954
+ 400: '#8192F5',
955
+ 500: '#526FFF',
956
+ 600: '#1741F9',
957
+ 700: '#0A31C4',
958
+ 800: '#0B2683',
959
+ 900: '#081745',
960
+ DEFAULT: '#526FFF',
961
+ foreground: '#000000'
962
+ },
963
+ secondary: {
964
+ DEFAULT: '#C8C9D1',
965
+ foreground: '#000000'
966
+ },
967
+ tertiary: {
968
+ DEFAULT: '#777A8C',
969
+ foreground: '#FFFFFF'
970
+ },
971
+ success: {
972
+ DEFAULT: '#2FE3AC',
973
+ foreground: '#000000'
974
+ },
975
+ danger: {
976
+ DEFAULT: '#EC397A',
977
+ foreground: '#000000'
978
+ },
979
+ warning: {
980
+ DEFAULT: '#F7931A',
981
+ foreground: '#000000'
982
+ },
983
+ divider: {
984
+ DEFAULT: '#333542',
985
+ foreground: '#FFFFFF'
986
+ },
987
+ alert: {
988
+ DEFAULT: '#F57733',
989
+ foreground: '#000000'
990
+ },
991
+ gold: {
992
+ DEFAULT: '#F7931A',
993
+ foreground: '#000000'
994
+ },
995
+ bullish: {
996
+ DEFAULT: '#0B9981',
997
+ foreground: '#000000'
998
+ },
999
+ bearish: {
1000
+ DEFAULT: '#F23646',
1001
+ foreground: '#000000'
1002
+ }
1003
+ }
1004
+ },
1005
+ 'hyperliquid-dark': {
1006
+ extend: 'dark',
1007
+ colors: {
1008
+ content1: {
1009
+ DEFAULT: '#1B2429',
1010
+ foreground: '#FFFFFF'
1011
+ },
1012
+ overlay: {
1013
+ DEFAULT: '#1B2429',
1014
+ foreground: '#FFFFFF'
1015
+ },
1016
+ background: {
1017
+ 200: '#273035',
1018
+ 300: '#1B2429',
1019
+ 400: '#0F1A1F',
1020
+ 500: '#0F1A1F',
1021
+ DEFAULT: '#0F1A1F'
1022
+ },
1023
+ foreground: {
1024
+ 100: '#949E9C',
1025
+ 300: '#D1D4DC',
1026
+ 500: '#F6FEFD',
1027
+ DEFAULT: '#F6FEFD'
1028
+ },
1029
+ default: {
1030
+ DEFAULT: '#E8E8EB',
1031
+ foreground: '#F6FEFD'
1032
+ },
1033
+ primary: {
1034
+ 100: '#EFF5F5',
1035
+ 200: '#CEE6E4',
1036
+ 300: '#A8DBD6',
1037
+ 400: '#7ED4CB',
1038
+ 500: '#50D2C1',
1039
+ 600: '#34B9A5',
1040
+ 700: '#2B8C7C',
1041
+ 800: '#206255',
1042
+ 900: '#143831',
1043
+ DEFAULT: '#50D2C1',
1044
+ foreground: '#000000'
1045
+ },
1046
+ secondary: {
1047
+ DEFAULT: '#D1D4DC',
1048
+ foreground: '#000000'
1049
+ },
1050
+ tertiary: {
1051
+ DEFAULT: '#949E9C',
1052
+ foreground: '#000000'
1053
+ },
1054
+ success: {
1055
+ DEFAULT: '#1FA67D',
1056
+ foreground: '#000000'
1057
+ },
1058
+ danger: {
1059
+ DEFAULT: '#ED7088',
1060
+ foreground: '#000000'
1061
+ },
1062
+ warning: {
1063
+ DEFAULT: '#FFB648',
1064
+ foreground: '#000000'
1065
+ },
1066
+ divider: {
1067
+ DEFAULT: '#444651',
1068
+ foreground: '#FFFFFF'
1069
+ },
1070
+ alert: {
1071
+ DEFAULT: '#EF8F50',
1072
+ foreground: '#000000'
1073
+ },
1074
+ gold: {
1075
+ DEFAULT: '#FFB648',
1076
+ foreground: '#000000'
1077
+ },
1078
+ bullish: {
1079
+ DEFAULT: '#51D2C1',
1080
+ foreground: '#000000'
1081
+ },
1082
+ bearish: {
1083
+ DEFAULT: '#D45B71',
1084
+ foreground: '#000000'
1085
+ }
1086
+ }
1087
+ },
1088
+ 'phantom-dark': {
1089
+ extend: 'dark',
1090
+ colors: {
1091
+ content1: {
1092
+ DEFAULT: '#272735',
1093
+ foreground: '#FFFFFF'
1094
+ },
1095
+ overlay: {
1096
+ DEFAULT: '#272735',
1097
+ foreground: '#FFFFFF'
1098
+ },
1099
+ background: {
1100
+ 200: '#222222',
1101
+ 300: '#272735',
1102
+ 400: '#22212A',
1103
+ 500: '#13121A',
1104
+ DEFAULT: '#13121A'
1105
+ },
1106
+ foreground: {
1107
+ 100: '#757E80',
1108
+ 300: '#999999',
1109
+ 500: '#FFFFFF',
1110
+ DEFAULT: '#FFFFFF'
1111
+ },
1112
+ default: {
1113
+ DEFAULT: '#E8E8EB',
1114
+ foreground: '#FFFFFF'
1115
+ },
1116
+ primary: {
1117
+ 100: '#F0EEF6',
1118
+ 200: '#E2DEF2',
1119
+ 300: '#D2CBEF',
1120
+ 400: '#C0B6EF',
1121
+ 500: '#AB9FF2',
1122
+ 600: '#6C5BE5',
1123
+ 700: '#3626C9',
1124
+ 800: '#241C82',
1125
+ 900: '#120F3E',
1126
+ DEFAULT: '#AB9FF2',
1127
+ foreground: '#000000'
1128
+ },
1129
+ secondary: {
1130
+ DEFAULT: '#999999',
1131
+ foreground: '#000000'
1132
+ },
1133
+ tertiary: {
1134
+ DEFAULT: '#757E80',
1135
+ foreground: '#FFFFFF'
1136
+ },
1137
+ success: {
1138
+ DEFAULT: '#2EC08B',
1139
+ foreground: '#000000'
1140
+ },
1141
+ danger: {
1142
+ DEFAULT: '#F7525F',
1143
+ foreground: '#000000'
1144
+ },
1145
+ warning: {
1146
+ DEFAULT: '#FFD13F',
1147
+ foreground: '#000000'
1148
+ },
1149
+ divider: {
1150
+ DEFAULT: '#323232',
1151
+ foreground: '#FFFFFF'
1152
+ },
1153
+ alert: {
1154
+ DEFAULT: '#FF9C3F',
1155
+ foreground: '#000000'
1156
+ },
1157
+ gold: {
1158
+ DEFAULT: '#FFD13F',
1159
+ foreground: '#000000'
1160
+ },
1161
+ bullish: {
1162
+ DEFAULT: '#2EC08B',
1163
+ foreground: '#000000'
1164
+ },
1165
+ bearish: {
1166
+ DEFAULT: '#FF7243',
1167
+ foreground: '#000000'
1168
+ }
1169
+ }
1170
+ },
1171
+ 'binance-dark': {
1172
+ extend: 'dark',
1173
+ colors: {
1174
+ content1: {
1175
+ DEFAULT: '#202630',
1176
+ foreground: '#FFFFFF'
1177
+ },
1178
+ overlay: {
1179
+ DEFAULT: '#202630',
1180
+ foreground: '#FFFFFF'
1181
+ },
1182
+ background: {
1183
+ 200: '#29313D',
1184
+ 300: '#202630',
1185
+ 400: '#181A20',
1186
+ 500: '#0B0E11',
1187
+ DEFAULT: '#0B0E11'
1188
+ },
1189
+ foreground: {
1190
+ 100: '#707A8A',
1191
+ 300: '#929AA5',
1192
+ 500: '#EAECEF',
1193
+ DEFAULT: '#EAECEF'
1194
+ },
1195
+ default: {
1196
+ DEFAULT: '#E8E8EB',
1197
+ foreground: '#EAECEF'
1198
+ },
1199
+ primary: {
1200
+ 100: '#F7F6ED',
1201
+ 200: '#EFEAC9',
1202
+ 300: '#EDE09E',
1203
+ 400: '#F1DA6D',
1204
+ 500: '#FCD535',
1205
+ 600: '#EEBD0A',
1206
+ 700: '#B38B0C',
1207
+ 800: '#7A5D0C',
1208
+ 900: '#443309',
1209
+ DEFAULT: '#FCD535',
1210
+ foreground: '#000000'
1211
+ },
1212
+ secondary: {
1213
+ DEFAULT: '#929AA5',
1214
+ foreground: '#000000'
1215
+ },
1216
+ tertiary: {
1217
+ DEFAULT: '#707A8A',
1218
+ foreground: '#FFFFFF'
1219
+ },
1220
+ success: {
1221
+ DEFAULT: '#2EBD85',
1222
+ foreground: '#000000'
1223
+ },
1224
+ danger: {
1225
+ DEFAULT: '#F6465D',
1226
+ foreground: '#000000'
1227
+ },
1228
+ warning: {
1229
+ DEFAULT: '#F0B90B',
1230
+ foreground: '#000000'
1231
+ },
1232
+ divider: {
1233
+ DEFAULT: '#343B47',
1234
+ foreground: '#FFFFFF'
1235
+ },
1236
+ alert: {
1237
+ DEFAULT: '#FF693D',
1238
+ foreground: '#000000'
1239
+ },
1240
+ gold: {
1241
+ DEFAULT: '#2DBD85',
1242
+ foreground: '#000000'
1243
+ },
1244
+ bullish: {
1245
+ DEFAULT: '#2EBD85',
1246
+ foreground: '#000000'
1247
+ },
1248
+ bearish: {
1249
+ DEFAULT: '#F6465D',
1250
+ foreground: '#000000'
1251
+ }
1252
+ }
1253
+ },
1254
+ 'bullx-dark': {
1255
+ extend: 'dark',
1256
+ colors: {
1257
+ content1: {
1258
+ DEFAULT: '#0D0D10',
1259
+ foreground: '#FFFFFF'
1260
+ },
1261
+ overlay: {
1262
+ DEFAULT: '#0D0D10',
1263
+ foreground: '#FFFFFF'
1264
+ },
1265
+ background: {
1266
+ 200: '#1B1D22',
1267
+ 300: '#0D0D10',
1268
+ 400: '#0F0F0F',
1269
+ 500: '#09090B',
1270
+ DEFAULT: '#09090B'
1271
+ },
1272
+ foreground: {
1273
+ 100: '#686a6d',
1274
+ 300: '#98989B',
1275
+ 500: '#E9E9E9',
1276
+ DEFAULT: '#E9E9E9'
1277
+ },
1278
+ default: {
1279
+ DEFAULT: '#E8E8EB',
1280
+ foreground: '#E9E9E9'
1281
+ },
1282
+ primary: {
1283
+ 100: '#EFF6F3',
1284
+ 200: '#D2E9DE',
1285
+ 300: '#B0E1C9',
1286
+ 400: '#8BDCB3',
1287
+ 500: '#61DC9B',
1288
+ 600: '#34CD79',
1289
+ 700: '#2A9B5A',
1290
+ 800: '#1F693E',
1291
+ 900: '#133A22',
1292
+ DEFAULT: '#61DC9B',
1293
+ foreground: '#000000'
1294
+ },
1295
+ secondary: {
1296
+ DEFAULT: '#98989B',
1297
+ foreground: '#000000'
1298
+ },
1299
+ tertiary: {
1300
+ DEFAULT: '#686a6d',
1301
+ foreground: '#FFFFFF'
1302
+ },
1303
+ success: {
1304
+ DEFAULT: '#459C6E',
1305
+ foreground: '#FFFFFF'
1306
+ },
1307
+ danger: {
1308
+ DEFAULT: '#A13C45',
1309
+ foreground: '#FFFFFF'
1310
+ },
1311
+ warning: {
1312
+ DEFAULT: '#DCC161',
1313
+ foreground: '#000000'
1314
+ },
1315
+ divider: {
1316
+ DEFAULT: '#1E2025',
1317
+ foreground: '#FFFFFF'
1318
+ },
1319
+ alert: {
1320
+ DEFAULT: '#E9BF52',
1321
+ foreground: '#000000'
1322
+ },
1323
+ gold: {
1324
+ DEFAULT: '#E9BF52',
1325
+ foreground: '#000000'
1326
+ },
1327
+ bullish: {
1328
+ DEFAULT: '#459C6E',
1329
+ foreground: '#FFFFFF'
1330
+ },
1331
+ bearish: {
1332
+ DEFAULT: '#A13C45',
1333
+ foreground: '#FFFFFF'
1334
+ }
1335
+ }
1336
+ }
1337
+ };
1338
+ export { tailwindTheme, themeData, themeKeys };