@particle-network/ui-react 0.3.2-beta.2 → 0.4.0-beta.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.
Files changed (26) hide show
  1. package/dist/components/UXEmpty/index.js +3 -3
  2. package/dist/components/UXInput/index.d.ts +1 -1
  3. package/dist/components/UXInput/input.extend.d.ts +1 -1
  4. package/dist/components/UXThemeSwitch/index.d.ts +3 -0
  5. package/dist/components/UXThemeSwitch/index.js +3 -0
  6. package/dist/components/UXThemeSwitch/theme-data.d.ts +28 -0
  7. package/dist/components/UXThemeSwitch/theme-data.js +304 -0
  8. package/dist/components/UXThemeSwitch/theme-item.d.ts +7 -0
  9. package/dist/components/UXThemeSwitch/theme-item.js +136 -0
  10. package/dist/components/UXThemeSwitch/theme-switch.d.ts +5 -0
  11. package/dist/components/UXThemeSwitch/theme-switch.js +121 -0
  12. package/dist/components/UXThemeSwitch/use-theme-store.d.ts +40 -0
  13. package/dist/components/UXThemeSwitch/use-theme-store.js +25 -0
  14. package/dist/components/UXThemeSwitch/use-theme.d.ts +14 -0
  15. package/dist/components/UXThemeSwitch/use-theme.js +90 -0
  16. package/dist/components/index.d.ts +1 -0
  17. package/dist/components/index.js +1 -0
  18. package/dist/hooks/useI18n.d.ts +9 -0
  19. package/dist/hooks/useI18n.js +19 -1
  20. package/dist/icons/index.js +14 -3
  21. package/dist/utils/input-classes.d.ts +0 -32
  22. package/dist/utils/input-classes.js +5 -23
  23. package/package.json +5 -4
  24. package/tailwind-preset.js +804 -44
  25. package/dist/hooks/useKeyboard.d.ts +0 -13
  26. package/dist/hooks/useKeyboard.js +0 -34
package/tailwind-preset.js CHANGED
@@ -70,37 +70,13 @@ module.exports = {
70
70
  /* 24px */
71
71
  h1: ['1.5rem', { lineHeight: '1.75rem' }],
72
72
  },
73
- colors: {
74
- bullish: 'var(--bullish-color)',
75
- 'bullish-foreground': '#FFFFFF',
76
- 'bullish/10': 'hsla(var(--bullish-color-hsl), 0.1)',
77
- 'bullish/20': 'hsla(var(--bullish-color-hsl), 0.2)',
78
- 'bullish/30': 'hsla(var(--bullish-color-hsl), 0.3)',
79
- 'bullish/40': 'hsla(var(--bullish-color-hsl), 0.4)',
80
- 'bullish/50': 'hsla(var(--bullish-color-hsl), 0.5)',
81
- 'bullish/60': 'hsla(var(--bullish-color-hsl), 0.6)',
82
- 'bullish/70': 'hsla(var(--bullish-color-hsl), 0.7)',
83
- 'bullish/80': 'hsla(var(--bullish-color-hsl), 0.8)',
84
- 'bullish/90': 'hsla(var(--bullish-color-hsl), 0.9)',
85
- bearish: 'var(--bearish-color)',
86
- 'bearish-foreground': '#FFFFFF',
87
- 'bearish/10': 'hsla(var(--bearish-color-hsl), 0.1)',
88
- 'bearish/20': 'hsla(var(--bearish-color-hsl), 0.2)',
89
- 'bearish/30': 'hsla(var(--bearish-color-hsl), 0.3)',
90
- 'bearish/40': 'hsla(var(--bearish-color-hsl), 0.4)',
91
- 'bearish/50': 'hsla(var(--bearish-color-hsl), 0.5)',
92
- 'bearish/60': 'hsla(var(--bearish-color-hsl), 0.6)',
93
- 'bearish/70': 'hsla(var(--bearish-color-hsl), 0.7)',
94
- 'bearish/80': 'hsla(var(--bearish-color-hsl), 0.8)',
95
- 'bearish/90': 'hsla(var(--bearish-color-hsl), 0.9)',
96
- },
97
73
  },
98
74
  },
99
75
  darkMode: 'class',
100
76
  plugins: [
101
77
  heroui({
102
78
  addCommonColors: true,
103
- defaultTheme: 'light',
79
+ defaultTheme: 'ux-purple-gold-light',
104
80
  defaultExtendTheme: 'light',
105
81
  layout: {
106
82
  radius: {
@@ -119,7 +95,83 @@ module.exports = {
119
95
  hoverOpacity: 0.7,
120
96
  },
121
97
  themes: {
122
- light: {
98
+ 'ux-purple-gold-dark': {
99
+ extend: 'dark',
100
+ colors: {
101
+ content1: {
102
+ DEFAULT: '#17171C',
103
+ },
104
+ overlay: {
105
+ DEFAULT: '#17171C',
106
+ },
107
+ background: {
108
+ 200: '#1F1F23',
109
+ 300: '#17171C',
110
+ 400: '#0F0F0F',
111
+ 500: '#000000',
112
+ DEFAULT: '#000000',
113
+ },
114
+ foreground: {
115
+ 100: '#4E4E56',
116
+ 300: '#A1A1AA',
117
+ 500: '#FFFFFF',
118
+ DEFAULT: '#FFFFFF',
119
+ },
120
+ default: {
121
+ DEFAULT: '#E8E8EB',
122
+ foreground: '#FFFFFF',
123
+ },
124
+ primary: {
125
+ 600: '#6A3AB8',
126
+ 700: '#4D2A86',
127
+ 900: '#362349',
128
+ DEFAULT: '#D745FF',
129
+ foreground: '#FFFFFF',
130
+ },
131
+ secondary: {
132
+ DEFAULT: '#A1A1AA',
133
+ foreground: '#000000',
134
+ },
135
+ tertiary: {
136
+ DEFAULT: '#4E4E56',
137
+ foreground: '#FFFFFF',
138
+ },
139
+ success: {
140
+ DEFAULT: '#45B167',
141
+ foreground: '#FFFFFF',
142
+ },
143
+ danger: {
144
+ DEFAULT: '#E84A5A',
145
+ foreground: '#FFFFFF',
146
+ },
147
+ warning: {
148
+ DEFAULT: '#FF9821',
149
+ foreground: '#FFFFFF',
150
+ },
151
+ divider: {
152
+ DEFAULT: '#282828',
153
+ foreground: '#FFFFFF',
154
+ },
155
+ alert: {
156
+ DEFAULT: '#F57733',
157
+ foreground: '#FFFFFF',
158
+ },
159
+ gold: {
160
+ DEFAULT: '#FFB800',
161
+ foreground: '#FFFFFF',
162
+ },
163
+ bullish: {
164
+ DEFAULT: '#D745FF',
165
+ foreground: '#FFFFFF',
166
+ },
167
+ bearish: {
168
+ DEFAULT: '#FFAC34',
169
+ foreground: '#FFFFFF',
170
+ },
171
+ },
172
+ },
173
+ 'ux-purple-gold-light': {
174
+ extend: 'light',
123
175
  colors: {
124
176
  content1: {
125
177
  DEFAULT: '#FFFFFF',
@@ -131,7 +183,7 @@ module.exports = {
131
183
  200: '#F0F0F2',
132
184
  300: '#F8F8FA',
133
185
  400: '#FFFFFF',
134
- 500: '#FFFFFF',
186
+ 500: '#F8F8FA',
135
187
  DEFAULT: '#F8F8FA',
136
188
  },
137
189
  foreground: {
@@ -145,10 +197,10 @@ module.exports = {
145
197
  foreground: '#000000',
146
198
  },
147
199
  primary: {
148
- 900: '#362349',
149
- 700: '#4D2A86',
150
200
  600: '#6A3AB8',
151
- DEFAULT: '#D745FF', //主色
201
+ 700: '#4D2A86',
202
+ 900: '#362349',
203
+ DEFAULT: '#D745FF',
152
204
  foreground: '#FFFFFF',
153
205
  },
154
206
  secondary: {
@@ -171,13 +223,30 @@ module.exports = {
171
223
  DEFAULT: '#FF9821',
172
224
  foreground: '#FFFFFF',
173
225
  },
174
- focus: '#D745FF',
175
- divider: '#E8E8ED',
176
- alert: '#E65E16',
177
- gold: '#F38300',
226
+ divider: {
227
+ DEFAULT: '#E8E8ED',
228
+ foreground: '#000000',
229
+ },
230
+ alert: {
231
+ DEFAULT: '#E65E16',
232
+ foreground: '#FFFFFF',
233
+ },
234
+ gold: {
235
+ DEFAULT: '#F38300',
236
+ foreground: '#FFFFFF',
237
+ },
238
+ bullish: {
239
+ DEFAULT: '#D745FF',
240
+ foreground: '#FFFFFF',
241
+ },
242
+ bearish: {
243
+ DEFAULT: '#F9A01E',
244
+ foreground: '#FFFFFF',
245
+ },
178
246
  },
179
247
  },
180
- dark: {
248
+ 'ux-green-red-dark': {
249
+ extend: 'dark',
181
250
  colors: {
182
251
  content1: {
183
252
  DEFAULT: '#17171C',
@@ -199,19 +268,19 @@ module.exports = {
199
268
  DEFAULT: '#FFFFFF',
200
269
  },
201
270
  default: {
202
- DEFAULT: '#1F1F23',
271
+ DEFAULT: '#E8E8EB',
203
272
  foreground: '#FFFFFF',
204
273
  },
205
274
  primary: {
206
- 900: '#362349',
207
- 700: '#4D2A86',
208
275
  600: '#6A3AB8',
209
- DEFAULT: '#D745FF', //主色
276
+ 700: '#4D2A86',
277
+ 900: '#362349',
278
+ DEFAULT: '#D745FF',
210
279
  foreground: '#FFFFFF',
211
280
  },
212
281
  secondary: {
213
282
  DEFAULT: '#A1A1AA',
214
- foreground: '#FFFFFF',
283
+ foreground: '#000000',
215
284
  },
216
285
  tertiary: {
217
286
  DEFAULT: '#4E4E56',
@@ -229,10 +298,701 @@ module.exports = {
229
298
  DEFAULT: '#FF9821',
230
299
  foreground: '#FFFFFF',
231
300
  },
232
- focus: '#D745FF',
233
- divider: '#282828',
234
- alert: '#F57733',
235
- gold: '#FFB800',
301
+ divider: {
302
+ DEFAULT: '#282828',
303
+ foreground: '#FFFFFF',
304
+ },
305
+ alert: {
306
+ DEFAULT: '#F57733',
307
+ foreground: '#FFFFFF',
308
+ },
309
+ gold: {
310
+ DEFAULT: '#FFB800',
311
+ foreground: '#FFFFFF',
312
+ },
313
+ bullish: {
314
+ DEFAULT: '#45B167',
315
+ foreground: '#FFFFFF',
316
+ },
317
+ bearish: {
318
+ DEFAULT: '#E84A5A',
319
+ foreground: '#FFFFFF',
320
+ },
321
+ },
322
+ },
323
+ 'ux-green-red-light': {
324
+ extend: 'light',
325
+ colors: {
326
+ content1: {
327
+ DEFAULT: '#FFFFFF',
328
+ },
329
+ overlay: {
330
+ DEFAULT: '#FFFFFF',
331
+ },
332
+ background: {
333
+ 200: '#F0F0F2',
334
+ 300: '#F8F8FA',
335
+ 400: '#FFFFFF',
336
+ 500: '#F8F8FA',
337
+ DEFAULT: '#F8F8FA',
338
+ },
339
+ foreground: {
340
+ 100: '#D8D8DE',
341
+ 300: '#767A80',
342
+ 500: '#000000',
343
+ DEFAULT: '#000000',
344
+ },
345
+ default: {
346
+ DEFAULT: '#E8E8EB',
347
+ foreground: '#000000',
348
+ },
349
+ primary: {
350
+ 600: '#6A3AB8',
351
+ 700: '#4D2A86',
352
+ 900: '#362349',
353
+ DEFAULT: '#D745FF',
354
+ foreground: '#FFFFFF',
355
+ },
356
+ secondary: {
357
+ DEFAULT: '#767A80',
358
+ foreground: '#FFFFFF',
359
+ },
360
+ tertiary: {
361
+ DEFAULT: '#D8D8DE',
362
+ foreground: '#000000',
363
+ },
364
+ success: {
365
+ DEFAULT: '#2E9F4A',
366
+ foreground: '#FFFFFF',
367
+ },
368
+ danger: {
369
+ DEFAULT: '#DE4A40',
370
+ foreground: '#FFFFFF',
371
+ },
372
+ warning: {
373
+ DEFAULT: '#FF9821',
374
+ foreground: '#FFFFFF',
375
+ },
376
+ divider: {
377
+ DEFAULT: '#E8E8ED',
378
+ foreground: '#000000',
379
+ },
380
+ alert: {
381
+ DEFAULT: '#E65E16',
382
+ foreground: '#FFFFFF',
383
+ },
384
+ gold: {
385
+ DEFAULT: '#F38300',
386
+ foreground: '#FFFFFF',
387
+ },
388
+ bullish: {
389
+ DEFAULT: '#45B167',
390
+ foreground: '#FFFFFF',
391
+ },
392
+ bearish: {
393
+ DEFAULT: '#E84A5A',
394
+ foreground: '#FFFFFF',
395
+ },
396
+ },
397
+ },
398
+ 'ux-green-red-soft-dark': {
399
+ extend: 'dark',
400
+ colors: {
401
+ content1: {
402
+ DEFAULT: '#17171C',
403
+ },
404
+ overlay: {
405
+ DEFAULT: '#17171C',
406
+ },
407
+ background: {
408
+ 200: '#2A2A30',
409
+ 300: '#17171C',
410
+ 400: '#19161B',
411
+ 500: '#100E11',
412
+ DEFAULT: '#100E11',
413
+ },
414
+ foreground: {
415
+ 100: '#70707C',
416
+ 300: '#BBBBC4',
417
+ 500: '#FDFDFE',
418
+ DEFAULT: '#FDFDFE',
419
+ },
420
+ default: {
421
+ DEFAULT: '#E8E8EB',
422
+ foreground: '#FDFDFE',
423
+ },
424
+ primary: {
425
+ 600: '#6A3AB8',
426
+ 700: '#4D2A86',
427
+ 900: '#362349',
428
+ DEFAULT: '#D745FF',
429
+ foreground: '#FFFFFF',
430
+ },
431
+ secondary: {
432
+ DEFAULT: '#BBBBC4',
433
+ foreground: '#000000',
434
+ },
435
+ tertiary: {
436
+ DEFAULT: '#70707C',
437
+ foreground: '#FFFFFF',
438
+ },
439
+ success: {
440
+ DEFAULT: '#73D090',
441
+ foreground: '#000000',
442
+ },
443
+ danger: {
444
+ DEFAULT: '#F46271',
445
+ foreground: '#000000',
446
+ },
447
+ warning: {
448
+ DEFAULT: '#F8BF63',
449
+ foreground: '#000000',
450
+ },
451
+ divider: {
452
+ DEFAULT: '#282828',
453
+ foreground: '#FFFFFF',
454
+ },
455
+ alert: {
456
+ DEFAULT: '#F37A39',
457
+ foreground: '#000000',
458
+ },
459
+ gold: {
460
+ DEFAULT: '#FFB800',
461
+ foreground: '#000000',
462
+ },
463
+ bullish: {
464
+ DEFAULT: '#73D090',
465
+ foreground: '#000000',
466
+ },
467
+ bearish: {
468
+ DEFAULT: '#F46271',
469
+ foreground: '#000000',
470
+ },
471
+ },
472
+ },
473
+ 'ux-green-red-soft-light': {
474
+ extend: 'light',
475
+ colors: {
476
+ content1: {
477
+ DEFAULT: '#FFFFFF',
478
+ },
479
+ overlay: {
480
+ DEFAULT: '#FFFFFF',
481
+ },
482
+ background: {
483
+ 200: '#E9E7EE',
484
+ 300: '#F6F6F6',
485
+ 400: '#FFFFFF',
486
+ 500: '#F6F6F6',
487
+ DEFAULT: '#F6F6F6',
488
+ },
489
+ foreground: {
490
+ 100: '#7B7B85',
491
+ 300: '#363538',
492
+ 500: '#0C0C0F',
493
+ DEFAULT: '#0C0C0F',
494
+ },
495
+ default: {
496
+ DEFAULT: '#E8E8EB',
497
+ foreground: '#0C0C0F',
498
+ },
499
+ primary: {
500
+ 600: '#6A3AB8',
501
+ 700: '#4D2A86',
502
+ 900: '#362349',
503
+ DEFAULT: '#D745FF',
504
+ foreground: '#FFFFFF',
505
+ },
506
+ secondary: {
507
+ DEFAULT: '#363538',
508
+ foreground: '#FFFFFF',
509
+ },
510
+ tertiary: {
511
+ DEFAULT: '#7B7B85',
512
+ foreground: '#000000',
513
+ },
514
+ success: {
515
+ DEFAULT: '#19AB5E',
516
+ foreground: '#FFFFFF',
517
+ },
518
+ danger: {
519
+ DEFAULT: '#FF5868',
520
+ foreground: '#FFFFFF',
521
+ },
522
+ warning: {
523
+ DEFAULT: '#F6932B',
524
+ foreground: '#FFFFFF',
525
+ },
526
+ divider: {
527
+ DEFAULT: '#DAD7E0',
528
+ foreground: '#000000',
529
+ },
530
+ alert: {
531
+ DEFAULT: '#F07939',
532
+ foreground: '#FFFFFF',
533
+ },
534
+ gold: {
535
+ DEFAULT: '#FFB800',
536
+ foreground: '#FFFFFF',
537
+ },
538
+ bullish: {
539
+ DEFAULT: '#19AB5E',
540
+ foreground: '#FFFFFF',
541
+ },
542
+ bearish: {
543
+ DEFAULT: '#FF5868',
544
+ foreground: '#FFFFFF',
545
+ },
546
+ },
547
+ },
548
+ 'gmgn-dark': {
549
+ extend: 'dark',
550
+ colors: {
551
+ content1: {
552
+ DEFAULT: '#1A1B1F',
553
+ },
554
+ overlay: {
555
+ DEFAULT: '#1A1B1F',
556
+ },
557
+ background: {
558
+ 200: '#282A2E',
559
+ 300: '#1A1B1F',
560
+ 400: '#111214',
561
+ 500: '#0C0C0F',
562
+ DEFAULT: '#0C0C0F',
563
+ },
564
+ foreground: {
565
+ 100: '#757E80',
566
+ 300: '#C4CCCC',
567
+ 500: '#F0F5F5',
568
+ DEFAULT: '#F0F5F5',
569
+ },
570
+ default: {
571
+ DEFAULT: '#E8E8EB',
572
+ foreground: '#F0F5F5',
573
+ },
574
+ primary: {
575
+ 600: '#6A3AB8',
576
+ 700: '#4D2A86',
577
+ 900: '#362349',
578
+ DEFAULT: '#86D99F',
579
+ foreground: '#000000',
580
+ },
581
+ secondary: {
582
+ DEFAULT: '#C4CCCC',
583
+ foreground: '#000000',
584
+ },
585
+ tertiary: {
586
+ DEFAULT: '#757E80',
587
+ foreground: '#FFFFFF',
588
+ },
589
+ success: {
590
+ DEFAULT: '#86D99F',
591
+ foreground: '#000000',
592
+ },
593
+ danger: {
594
+ DEFAULT: '#F26682',
595
+ foreground: '#000000',
596
+ },
597
+ warning: {
598
+ DEFAULT: '#EDB951',
599
+ foreground: '#000000',
600
+ },
601
+ divider: {
602
+ DEFAULT: '#282828',
603
+ foreground: '#FFFFFF',
604
+ },
605
+ alert: {
606
+ DEFAULT: '#F55832',
607
+ foreground: '#000000',
608
+ },
609
+ gold: {
610
+ DEFAULT: '#F5DA54',
611
+ foreground: '#000000',
612
+ },
613
+ bullish: {
614
+ DEFAULT: '#1DB069',
615
+ foreground: '#000000',
616
+ },
617
+ bearish: {
618
+ DEFAULT: '#DE4E52',
619
+ foreground: '#000000',
620
+ },
621
+ },
622
+ },
623
+ 'axiom-dark': {
624
+ extend: 'dark',
625
+ colors: {
626
+ content1: {
627
+ DEFAULT: '#18181A',
628
+ },
629
+ overlay: {
630
+ DEFAULT: '#18181A',
631
+ },
632
+ background: {
633
+ 200: '#333542',
634
+ 300: '#18181A',
635
+ 400: '#101114',
636
+ 500: '#0C0C0F',
637
+ DEFAULT: '#0C0C0F',
638
+ },
639
+ foreground: {
640
+ 100: '#777A8C',
641
+ 300: '#C8C9D1',
642
+ 500: '#FCFCFC',
643
+ DEFAULT: '#FCFCFC',
644
+ },
645
+ default: {
646
+ DEFAULT: '#E8E8EB',
647
+ foreground: '#FCFCFC',
648
+ },
649
+ primary: {
650
+ 600: '#6A3AB8',
651
+ 700: '#4D2A86',
652
+ 900: '#362349',
653
+ DEFAULT: '#526FFF',
654
+ foreground: '#000000',
655
+ },
656
+ secondary: {
657
+ DEFAULT: '#C8C9D1',
658
+ foreground: '#000000',
659
+ },
660
+ tertiary: {
661
+ DEFAULT: '#777A8C',
662
+ foreground: '#FFFFFF',
663
+ },
664
+ success: {
665
+ DEFAULT: '#2FE3AC',
666
+ foreground: '#000000',
667
+ },
668
+ danger: {
669
+ DEFAULT: '#EC397A',
670
+ foreground: '#000000',
671
+ },
672
+ warning: {
673
+ DEFAULT: '#F7931A',
674
+ foreground: '#000000',
675
+ },
676
+ divider: {
677
+ DEFAULT: '#333542',
678
+ foreground: '#FFFFFF',
679
+ },
680
+ alert: {
681
+ DEFAULT: '#F57733',
682
+ foreground: '#000000',
683
+ },
684
+ gold: {
685
+ DEFAULT: '#F7931A',
686
+ foreground: '#000000',
687
+ },
688
+ bullish: {
689
+ DEFAULT: '#0B9981',
690
+ foreground: '#000000',
691
+ },
692
+ bearish: {
693
+ DEFAULT: '#F23646',
694
+ foreground: '#000000',
695
+ },
696
+ },
697
+ },
698
+ 'hyperliquid-dark': {
699
+ extend: 'dark',
700
+ colors: {
701
+ content1: {
702
+ DEFAULT: '#1B2429',
703
+ },
704
+ overlay: {
705
+ DEFAULT: '#1B2429',
706
+ },
707
+ background: {
708
+ 200: '#273035',
709
+ 300: '#1B2429',
710
+ 400: '#0F1A1F',
711
+ 500: '#0F1A1F',
712
+ DEFAULT: '#0F1A1F',
713
+ },
714
+ foreground: {
715
+ 100: '#949E9C',
716
+ 300: '#D1D4DC',
717
+ 500: '#F6FEFD',
718
+ DEFAULT: '#F6FEFD',
719
+ },
720
+ default: {
721
+ DEFAULT: '#E8E8EB',
722
+ foreground: '#F6FEFD',
723
+ },
724
+ primary: {
725
+ 600: '#6A3AB8',
726
+ 700: '#4D2A86',
727
+ 900: '#362349',
728
+ DEFAULT: '#50D2C1',
729
+ foreground: '#000000',
730
+ },
731
+ secondary: {
732
+ DEFAULT: '#D1D4DC',
733
+ foreground: '#000000',
734
+ },
735
+ tertiary: {
736
+ DEFAULT: '#949E9C',
737
+ foreground: '#FFFFFF',
738
+ },
739
+ success: {
740
+ DEFAULT: '#1FA67D',
741
+ foreground: '#000000',
742
+ },
743
+ danger: {
744
+ DEFAULT: '#ED7088',
745
+ foreground: '#000000',
746
+ },
747
+ warning: {
748
+ DEFAULT: '#FFB648',
749
+ foreground: '#000000',
750
+ },
751
+ divider: {
752
+ DEFAULT: '#444651',
753
+ foreground: '#FFFFFF',
754
+ },
755
+ alert: {
756
+ DEFAULT: '#EF8F50',
757
+ foreground: '#000000',
758
+ },
759
+ gold: {
760
+ DEFAULT: '#FFB648',
761
+ foreground: '#000000',
762
+ },
763
+ bullish: {
764
+ DEFAULT: '#51D2C1',
765
+ foreground: '#000000',
766
+ },
767
+ bearish: {
768
+ DEFAULT: '#D45B71',
769
+ foreground: '#000000',
770
+ },
771
+ },
772
+ },
773
+ 'phantom-dark': {
774
+ extend: 'dark',
775
+ colors: {
776
+ content1: {
777
+ DEFAULT: '#272735',
778
+ },
779
+ overlay: {
780
+ DEFAULT: '#272735',
781
+ },
782
+ background: {
783
+ 200: '#222222',
784
+ 300: '#272735',
785
+ 400: '#22212A',
786
+ 500: '#13121A',
787
+ DEFAULT: '#13121A',
788
+ },
789
+ foreground: {
790
+ 100: '#757E80',
791
+ 300: '#999999',
792
+ 500: '#FFFFFF',
793
+ DEFAULT: '#FFFFFF',
794
+ },
795
+ default: {
796
+ DEFAULT: '#E8E8EB',
797
+ foreground: '#FFFFFF',
798
+ },
799
+ primary: {
800
+ 600: '#6A3AB8',
801
+ 700: '#4D2A86',
802
+ 900: '#362349',
803
+ DEFAULT: '#AB9FF2',
804
+ foreground: '#000000',
805
+ },
806
+ secondary: {
807
+ DEFAULT: '#999999',
808
+ foreground: '#000000',
809
+ },
810
+ tertiary: {
811
+ DEFAULT: '#757E80',
812
+ foreground: '#FFFFFF',
813
+ },
814
+ success: {
815
+ DEFAULT: '#2EC08B',
816
+ foreground: '#000000',
817
+ },
818
+ danger: {
819
+ DEFAULT: '#F7525F',
820
+ foreground: '#000000',
821
+ },
822
+ warning: {
823
+ DEFAULT: '#FFD13F',
824
+ foreground: '#000000',
825
+ },
826
+ divider: {
827
+ DEFAULT: '#323232',
828
+ foreground: '#FFFFFF',
829
+ },
830
+ alert: {
831
+ DEFAULT: '#FF9C3F',
832
+ foreground: '#000000',
833
+ },
834
+ gold: {
835
+ DEFAULT: '#FFD13F',
836
+ foreground: '#000000',
837
+ },
838
+ bullish: {
839
+ DEFAULT: '#2EC08B',
840
+ foreground: '#000000',
841
+ },
842
+ bearish: {
843
+ DEFAULT: '#FF7243',
844
+ foreground: '#000000',
845
+ },
846
+ },
847
+ },
848
+ 'binance-dark': {
849
+ extend: 'dark',
850
+ colors: {
851
+ content1: {
852
+ DEFAULT: '#202630',
853
+ },
854
+ overlay: {
855
+ DEFAULT: '#202630',
856
+ },
857
+ background: {
858
+ 200: '#29313D',
859
+ 300: '#202630',
860
+ 400: '#181A20',
861
+ 500: '#0B0E11',
862
+ DEFAULT: '#0B0E11',
863
+ },
864
+ foreground: {
865
+ 100: '#707A8A',
866
+ 300: '#929AA5',
867
+ 500: '#EAECEF',
868
+ DEFAULT: '#EAECEF',
869
+ },
870
+ default: {
871
+ DEFAULT: '#E8E8EB',
872
+ foreground: '#EAECEF',
873
+ },
874
+ primary: {
875
+ 600: '#6A3AB8',
876
+ 700: '#4D2A86',
877
+ 900: '#362349',
878
+ DEFAULT: '#FCD535',
879
+ foreground: '#000000',
880
+ },
881
+ secondary: {
882
+ DEFAULT: '#929AA5',
883
+ foreground: '#000000',
884
+ },
885
+ tertiary: {
886
+ DEFAULT: '#707A8A',
887
+ foreground: '#FFFFFF',
888
+ },
889
+ success: {
890
+ DEFAULT: '#2EBD85',
891
+ foreground: '#000000',
892
+ },
893
+ danger: {
894
+ DEFAULT: '#F6465D',
895
+ foreground: '#000000',
896
+ },
897
+ warning: {
898
+ DEFAULT: '#F0B90B',
899
+ foreground: '#000000',
900
+ },
901
+ divider: {
902
+ DEFAULT: '#343B47',
903
+ foreground: '#FFFFFF',
904
+ },
905
+ alert: {
906
+ DEFAULT: '#FF693D',
907
+ foreground: '#000000',
908
+ },
909
+ gold: {
910
+ DEFAULT: '#2DBD85',
911
+ foreground: '#000000',
912
+ },
913
+ bullish: {
914
+ DEFAULT: '#2EBD85',
915
+ foreground: '#000000',
916
+ },
917
+ bearish: {
918
+ DEFAULT: '#F6465D',
919
+ foreground: '#000000',
920
+ },
921
+ },
922
+ },
923
+ 'bullx-dark': {
924
+ extend: 'dark',
925
+ colors: {
926
+ content1: {
927
+ DEFAULT: '#0D0D10',
928
+ },
929
+ overlay: {
930
+ DEFAULT: '#0D0D10',
931
+ },
932
+ background: {
933
+ 200: '#1B1D22',
934
+ 300: '#0D0D10',
935
+ 400: '#0F0F0F',
936
+ 500: '#09090B',
937
+ DEFAULT: '#09090B',
938
+ },
939
+ foreground: {
940
+ 100: '#686a6d',
941
+ 300: '#98989B',
942
+ 500: '#E9E9E9',
943
+ DEFAULT: '#E9E9E9',
944
+ },
945
+ default: {
946
+ DEFAULT: '#E8E8EB',
947
+ foreground: '#E9E9E9',
948
+ },
949
+ primary: {
950
+ 600: '#6A3AB8',
951
+ 700: '#4D2A86',
952
+ 900: '#362349',
953
+ DEFAULT: '#61DC9B',
954
+ foreground: '#000000',
955
+ },
956
+ secondary: {
957
+ DEFAULT: '#98989B',
958
+ foreground: '#000000',
959
+ },
960
+ tertiary: {
961
+ DEFAULT: '#686a6d',
962
+ foreground: '#FFFFFF',
963
+ },
964
+ success: {
965
+ DEFAULT: '#459C6E',
966
+ foreground: '#000000',
967
+ },
968
+ danger: {
969
+ DEFAULT: '#A13C45',
970
+ foreground: '#000000',
971
+ },
972
+ warning: {
973
+ DEFAULT: '#DCC161',
974
+ foreground: '#000000',
975
+ },
976
+ divider: {
977
+ DEFAULT: '#1E2025',
978
+ foreground: '#FFFFFF',
979
+ },
980
+ alert: {
981
+ DEFAULT: '#E9BF52',
982
+ foreground: '#000000',
983
+ },
984
+ gold: {
985
+ DEFAULT: '#E9BF52',
986
+ foreground: '#000000',
987
+ },
988
+ bullish: {
989
+ DEFAULT: '#459C6E',
990
+ foreground: '#000000',
991
+ },
992
+ bearish: {
993
+ DEFAULT: '#A13C45',
994
+ foreground: '#000000',
995
+ },
236
996
  },
237
997
  },
238
998
  },