@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.
Files changed (3) hide show
  1. package/dist/theme-data.d.ts +2 -998
  2. package/dist/theme-data.js +27 -1021
  3. package/package.json +1 -1
package/dist/theme-data.js CHANGED
@@ -1,3 +1,4 @@
1
+ const DEFAULT_THEME_ID = 'ux-purple-gold-dark';
1
2
  const themeData = [
2
3
  {
3
4
  id: 'ux-purple-gold-dark',
@@ -33,10 +34,10 @@ const themeData = [
33
34
  enName: 'UX Purple/Gold Light',
34
35
  colorScheme: 'light',
35
36
  colorVariables: {
36
- default: '#000000',
37
+ default: '#0C0C0F',
37
38
  white: '#FFFFFF',
38
39
  transparent: 'transparent',
39
- foreground: '#000000',
40
+ foreground: '#0C0C0F',
40
41
  secondary: '#767A80',
41
42
  tertiary: '#D8D8DE',
42
43
  primary: '#D745FF',
@@ -132,7 +133,7 @@ const themeData = [
132
133
  'bg-default': '#100E11',
133
134
  'bg-200': '#2A2A30',
134
135
  'bg-300': '#17171C',
135
- 'bg-400': '#19161B',
136
+ 'bg-400': '#171517',
136
137
  overlay: '#17171C',
137
138
  divider: '#282828',
138
139
  bullish: '#73D090',
@@ -145,12 +146,12 @@ const themeData = [
145
146
  enName: 'UX Soft Light',
146
147
  colorScheme: 'light',
147
148
  colorVariables: {
148
- default: '#0C0C0F',
149
+ default: '#000000',
149
150
  white: '#FFFFFF',
150
151
  transparent: 'transparent',
151
- foreground: '#0C0C0F',
152
- secondary: '#363538',
153
- tertiary: '#7B7B85',
152
+ foreground: '#000000',
153
+ secondary: '#3D3C3F',
154
+ tertiary: '#CFCFD7',
154
155
  primary: '#D745FF',
155
156
  success: '#19AB5E',
156
157
  danger: '#FF5868',
@@ -171,6 +172,7 @@ const themeData = [
171
172
  id: 'gmgn-dark',
172
173
  zhName: 'GMGN',
173
174
  enName: 'GMGN',
175
+ fontName: 'Geist',
174
176
  colorScheme: 'dark',
175
177
  colorVariables: {
176
178
  default: '#F0F5F5',
@@ -178,7 +180,7 @@ const themeData = [
178
180
  transparent: 'transparent',
179
181
  foreground: '#F0F5F5',
180
182
  secondary: '#C4CCCC',
181
- tertiary: '#757E80',
183
+ tertiary: '#5D6466',
182
184
  primary: '#86D99F',
183
185
  success: '#86D99F',
184
186
  danger: '#F26682',
@@ -186,7 +188,7 @@ const themeData = [
186
188
  warning: '#EDB951',
187
189
  gold: '#F5DA54',
188
190
  'bg-default': '#0C0C0F',
189
- 'bg-200': '#282A2E',
191
+ 'bg-200': '#1F2024',
190
192
  'bg-300': '#1A1B1F',
191
193
  'bg-400': '#111214',
192
194
  overlay: '#1A1B1F',
@@ -199,6 +201,7 @@ const themeData = [
199
201
  id: 'axiom-dark',
200
202
  zhName: 'AXIOM',
201
203
  enName: 'AXIOM',
204
+ fontName: 'Geist',
202
205
  colorScheme: 'dark',
203
206
  colorVariables: {
204
207
  default: '#FCFCFC',
@@ -206,7 +209,7 @@ const themeData = [
206
209
  transparent: 'transparent',
207
210
  foreground: '#FCFCFC',
208
211
  secondary: '#C8C9D1',
209
- tertiary: '#777A8C',
212
+ tertiary: '#4A4D5E',
210
213
  primary: '#526FFF',
211
214
  success: '#2FE3AC',
212
215
  danger: '#EC397A',
@@ -214,11 +217,11 @@ const themeData = [
214
217
  warning: '#F7931A',
215
218
  gold: '#F7931A',
216
219
  'bg-default': '#0C0C0F',
217
- 'bg-200': '#333542',
220
+ 'bg-200': '#22242D',
218
221
  'bg-300': '#18181A',
219
222
  'bg-400': '#101114',
220
223
  overlay: '#18181A',
221
- divider: '#333542',
224
+ divider: '#25272E',
222
225
  bullish: '#0B9981',
223
226
  bearish: '#F23646'
224
227
  }
@@ -241,12 +244,12 @@ const themeData = [
241
244
  alert: '#EF8F50',
242
245
  warning: '#FFB648',
243
246
  gold: '#FFB648',
244
- 'bg-default': '#0F1A1F',
245
- 'bg-200': '#273035',
247
+ 'bg-default': '#0A1318',
248
+ 'bg-200': '#222D33',
246
249
  'bg-300': '#1B2429',
247
250
  'bg-400': '#0F1A1F',
248
251
  overlay: '#1B2429',
249
- divider: '#444651',
252
+ divider: '#394145',
250
253
  bullish: '#51D2C1',
251
254
  bearish: '#D45B71'
252
255
  }
@@ -262,7 +265,7 @@ const themeData = [
262
265
  transparent: 'transparent',
263
266
  foreground: '#FFFFFF',
264
267
  secondary: '#999999',
265
- tertiary: '#757E80',
268
+ tertiary: '#54515E',
266
269
  primary: '#AB9FF2',
267
270
  success: '#2EC08B',
268
271
  danger: '#F7525F',
@@ -270,7 +273,7 @@ const themeData = [
270
273
  warning: '#FFD13F',
271
274
  gold: '#FFD13F',
272
275
  'bg-default': '#13121A',
273
- 'bg-200': '#222222',
276
+ 'bg-200': '#2C2C38',
274
277
  'bg-300': '#272735',
275
278
  'bg-400': '#22212A',
276
279
  overlay: '#272735',
@@ -290,7 +293,7 @@ const themeData = [
290
293
  transparent: 'transparent',
291
294
  foreground: '#EAECEF',
292
295
  secondary: '#929AA5',
293
- tertiary: '#707A8A',
296
+ tertiary: '#444A56',
294
297
  primary: '#FCD535',
295
298
  success: '#2EBD85',
296
299
  danger: '#F6465D',
@@ -298,7 +301,7 @@ const themeData = [
298
301
  warning: '#F0B90B',
299
302
  gold: '#2DBD85',
300
303
  'bg-default': '#0B0E11',
301
- 'bg-200': '#29313D',
304
+ 'bg-200': '#252B36',
302
305
  'bg-300': '#202630',
303
306
  'bg-400': '#181A20',
304
307
  overlay: '#202630',
@@ -311,6 +314,7 @@ const themeData = [
311
314
  id: 'bullx-dark',
312
315
  zhName: "Bullx's",
313
316
  enName: "Bullx's",
317
+ fontName: 'IBM Plex Sans',
314
318
  colorScheme: 'dark',
315
319
  colorVariables: {
316
320
  default: '#E9E9E9',
@@ -318,7 +322,7 @@ const themeData = [
318
322
  transparent: 'transparent',
319
323
  foreground: '#E9E9E9',
320
324
  secondary: '#98989B',
321
- tertiary: '#686a6d',
325
+ tertiary: '#4B4D51',
322
326
  primary: '#61DC9B',
323
327
  success: '#459C6E',
324
328
  danger: '#A13C45',
@@ -327,9 +331,9 @@ const themeData = [
327
331
  gold: '#E9BF52',
328
332
  'bg-default': '#09090B',
329
333
  'bg-200': '#1B1D22',
330
- 'bg-300': '#0D0D10',
334
+ 'bg-300': '#15171A',
331
335
  'bg-400': '#0F0F0F',
332
- overlay: '#0D0D10',
336
+ overlay: '#15171A',
333
337
  divider: '#1E2025',
334
338
  bullish: '#459C6E',
335
339
  bearish: '#A13C45'
@@ -337,1002 +341,4 @@ const themeData = [
337
341
  }
338
342
  ];
339
343
  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 };
344
+ export { DEFAULT_THEME_ID, themeData, themeKeys };