@lemmo-lab/tokens 1.0.0 → 2.0.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 (10) hide show
  1. package/README.md +9 -1
  2. package/dist/css/themes/index.css +1 -1
  3. package/dist/css/themes/light.css +59 -81
  4. package/dist/css/themes/midnight.css +66 -88
  5. package/dist/css/themes/neon.css +63 -85
  6. package/dist/css/variables.css +149 -236
  7. package/dist/js/tokens.d.ts +2 -1
  8. package/dist/js/tokens.js +436 -166
  9. package/dist/tailwind/preset.js +16 -14
  10. package/package.json +1 -1
package/dist/js/tokens.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @lemmo-lab/tokens - JavaScript / TypeScript token exports
2
+ * @lemmo-lab/tokens (v2) - JavaScript / TypeScript Exports
3
3
  * Single Source of Truth
4
4
  */
5
5
 
@@ -9,6 +9,7 @@ export const core = {
9
9
  "lime": "#d1fe17",
10
10
  "limeHover": "#c4ee0b",
11
11
  "limeEdge": "#829b19",
12
+ "limeContrast": "#386b00",
12
13
  "pink": "#ff005b",
13
14
  "pinkLight": "#fb398c",
14
15
  "pinkDeep": "#ed1572",
@@ -27,8 +28,8 @@ export const core = {
27
28
  },
28
29
  "dark": {
29
30
  "pagePrimary": "#131517",
30
- "appBackground": "#131416",
31
- "surfaceTertiary": "#0f1113",
31
+ "appBackground": "#131517",
32
+ "surfaceTertiary": "#0a0c0e",
32
33
  "surfacePrimary": "#1c1e20",
33
34
  "surfaceSecondary": "#23262a",
34
35
  "surfaceElevated": "#18191c",
@@ -39,10 +40,24 @@ export const core = {
39
40
  "fontFaint": "#737475",
40
41
  "fontOnBrand": "#131517",
41
42
  "fontReverted": "#060515",
42
- "separatorCard": "rgba(217, 217, 217, 0.04)",
43
- "borderSoft": "rgba(255, 255, 255, 0.04)",
44
- "borderMid": "rgba(255, 255, 255, 0.05)",
45
- "borderStrong": "rgba(255, 255, 255, 0.1)"
43
+ "borderSubtle": "rgba(255, 255, 255, 0.04)",
44
+ "borderMid": "rgba(255, 255, 255, 0.08)",
45
+ "borderStrong": "rgba(255, 255, 255, 0.15)",
46
+ "surfaceOliveStart": "#1F2022",
47
+ "surfaceOliveMid": "#222420",
48
+ "surfaceOliveEnd": "#272A20",
49
+ "surfaceOceanStart": "#121D23",
50
+ "surfaceOceanMid": "#152026",
51
+ "surfaceOceanDeep": "#1D282E",
52
+ "surfaceOceanEnd": "#273238",
53
+ "surfaceSteelStart": "#1F2024",
54
+ "surfaceSteelMid": "#232428",
55
+ "surfaceSteelDeep": "#343539",
56
+ "surfaceSteelEnd": "#48494D",
57
+ "offerBaseStart": "#55142c",
58
+ "offerBaseMid": "#35101d",
59
+ "offerBaseDeep": "#1e0c14",
60
+ "offerBaseEnd": "#140a0f"
46
61
  },
47
62
  "light": {
48
63
  "pagePrimary": "#f8f9fa",
@@ -58,15 +73,29 @@ export const core = {
58
73
  "fontFaint": "#adb5bd",
59
74
  "fontOnBrand": "#131517",
60
75
  "fontReverted": "#ffffff",
61
- "separatorCard": "rgba(0, 0, 0, 0.06)",
62
- "borderSoft": "rgba(0, 0, 0, 0.08)",
63
- "borderMid": "rgba(0, 0, 0, 0.12)",
64
- "borderStrong": "rgba(0, 0, 0, 0.18)"
76
+ "borderSubtle": "rgba(0, 0, 0, 0.08)",
77
+ "borderMid": "rgba(0, 0, 0, 0.15)",
78
+ "borderStrong": "rgba(0, 0, 0, 0.25)",
79
+ "surfaceOliveStart": "#f4f6f0",
80
+ "surfaceOliveMid": "#eaefe5",
81
+ "surfaceOliveEnd": "#e2ebd9",
82
+ "surfaceOceanStart": "#edf4f7",
83
+ "surfaceOceanMid": "#e2eff4",
84
+ "surfaceOceanDeep": "#d5e7ef",
85
+ "surfaceOceanEnd": "#c5dee9",
86
+ "surfaceSteelStart": "#f1f3f6",
87
+ "surfaceSteelMid": "#e6e9ef",
88
+ "surfaceSteelDeep": "#d9dde6",
89
+ "surfaceSteelEnd": "#ccd1dc",
90
+ "offerBaseStart": "#fce8ef",
91
+ "offerBaseMid": "#f8d4e2",
92
+ "offerBaseDeep": "#f4c0d4",
93
+ "offerBaseEnd": "#f0adc6"
65
94
  },
66
95
  "neon": {
67
96
  "pagePrimary": "#08090a",
68
97
  "appBackground": "#0d0f12",
69
- "surfaceTertiary": "#060708",
98
+ "surfaceTertiary": "#040506",
70
99
  "surfacePrimary": "#12151a",
71
100
  "surfaceSecondary": "#181c24",
72
101
  "surfaceElevated": "#1c212b",
@@ -78,14 +107,14 @@ export const core = {
78
107
  "fontSecondary": "#9db1c5",
79
108
  "fontMuted": "#697e94",
80
109
  "fontFaint": "#465668",
81
- "borderSoft": "rgba(0, 240, 255, 0.15)",
110
+ "borderSubtle": "rgba(0, 240, 255, 0.15)",
82
111
  "borderMid": "rgba(0, 240, 255, 0.25)",
83
112
  "borderStrong": "rgba(0, 240, 255, 0.45)"
84
113
  },
85
114
  "midnight": {
86
115
  "pagePrimary": "#000000",
87
116
  "appBackground": "#000000",
88
- "surfaceTertiary": "#050505",
117
+ "surfaceTertiary": "#040404",
89
118
  "surfacePrimary": "#0c0c0c",
90
119
  "surfaceSecondary": "#161616",
91
120
  "surfaceElevated": "#1e1e1e",
@@ -94,7 +123,7 @@ export const core = {
94
123
  "fontSecondary": "#999999",
95
124
  "fontMuted": "#666666",
96
125
  "fontFaint": "#444444",
97
- "borderSoft": "rgba(255, 255, 255, 0.08)",
126
+ "borderSubtle": "rgba(255, 255, 255, 0.08)",
98
127
  "borderMid": "rgba(255, 255, 255, 0.12)",
99
128
  "borderStrong": "rgba(255, 255, 255, 0.2)"
100
129
  },
@@ -104,8 +133,8 @@ export const core = {
104
133
  "fgSoft": "#ff5462",
105
134
  "bg": "#5c000f",
106
135
  "glow": "#ff1f2e",
107
- "lightFg": "#d90429",
108
- "lightFgSoft": "#b7094c",
136
+ "lightFg": "#c9184a",
137
+ "lightFgSoft": "#a4161a",
109
138
  "lightBg": "#ffe3e3",
110
139
  "lightGlow": "#ff8787"
111
140
  },
@@ -114,8 +143,8 @@ export const core = {
114
143
  "fgSoft": "#ffef33",
115
144
  "bg": "#523f00",
116
145
  "glow": "#fff05a",
117
- "lightFg": "#e85d04",
118
- "lightFgSoft": "#d00000",
146
+ "lightFg": "#b05d00",
147
+ "lightFgSoft": "#8a4500",
119
148
  "lightBg": "#fff3bf",
120
149
  "lightGlow": "#ffe066"
121
150
  },
@@ -124,7 +153,7 @@ export const core = {
124
153
  "fgSoft": "#4ee466",
125
154
  "bg": "#0d4a17",
126
155
  "glow": "#00e62e",
127
- "lightFg": "#2b9348",
156
+ "lightFg": "#2d6a4f",
128
157
  "lightFgSoft": "#1b4332",
129
158
  "lightBg": "#d3f9d8",
130
159
  "lightGlow": "#8ce99a"
@@ -134,8 +163,8 @@ export const core = {
134
163
  "fgSoft": "#5b91fe",
135
164
  "bg": "#000d26",
136
165
  "glow": "#3cd8ff",
137
- "lightFg": "#0077b6",
138
- "lightFgSoft": "#03045e",
166
+ "lightFg": "#00509d",
167
+ "lightFgSoft": "#00296b",
139
168
  "lightBg": "#e7f5ff",
140
169
  "lightGlow": "#74c0fc"
141
170
  }
@@ -153,7 +182,48 @@ export const core = {
153
182
  "black4": "rgba(0, 0, 0, 0.04)",
154
183
  "black7": "rgba(0, 0, 0, 0.07)",
155
184
  "black20": "rgba(0, 0, 0, 0.2)",
156
- "black24": "rgba(0, 0, 0, 0.24)"
185
+ "black24": "rgba(0, 0, 0, 0.24)",
186
+ "limeAlpha16": "rgba(209, 254, 23, 0.16)",
187
+ "limeAlpha8": "rgba(209, 254, 23, 0.08)",
188
+ "limeAlpha0": "rgba(209, 254, 23, 0)",
189
+ "pinkAlpha32": "rgba(255, 0, 91, 0.32)",
190
+ "pinkAlpha15": "rgba(255, 0, 91, 0.15)",
191
+ "pinkAlpha0": "rgba(255, 0, 91, 0)",
192
+ "whiteAlpha9": "rgba(255, 255, 255, 0.095)",
193
+ "whiteAlpha3": "rgba(255, 255, 255, 0.035)",
194
+ "whiteAlpha1": "rgba(255, 255, 255, 0.012)",
195
+ "limeWashStart": "rgba(187, 251, 12, 0.07)",
196
+ "limeWashEnd": "rgba(12, 251, 32, 0.01)",
197
+ "washGrayStart": "rgba(197, 197, 197, 0.08)",
198
+ "washGrayEnd": "rgba(197, 197, 197, 0.01)",
199
+ "pinkWashStart": "rgba(237, 21, 114, 0.10)",
200
+ "pinkWashEnd": "rgba(237, 21, 114, 0.01)",
201
+ "blueWashStart": "rgba(21, 68, 237, 0.10)",
202
+ "blueWashEnd": "rgba(21, 68, 237, 0.01)",
203
+ "steelFlatStart": "rgba(110, 145, 188, 0.02)",
204
+ "steelFlatEnd": "rgba(110, 145, 188, 0.20)",
205
+ "rimWhite18": "rgba(255, 255, 255, 0.09)",
206
+ "rimWhite38": "rgba(255, 255, 255, 0.03)",
207
+ "rimWhite0": "rgba(255, 255, 255, 0)",
208
+ "rimDiag18": "rgba(255, 255, 255, 0.10)",
209
+ "rimDiag42": "rgba(255, 255, 255, 0.04)",
210
+ "pillLimeStart": "rgba(117, 239, 29, 0.6)",
211
+ "pillLimeEnd": "rgba(194, 237, 21, 0)",
212
+ "pillWhiteGloss": "rgba(255, 255, 255, 0.6)",
213
+ "pillLimeBot": "rgba(200, 239, 29, 0.6)",
214
+ "pillPinkGloss": "rgba(239, 29, 186, 0.6)",
215
+ "pillVioletGloss": "rgba(176, 29, 239, 0.6)",
216
+ "pillVioletMid": "rgba(206, 25, 176, 0.3)",
217
+ "pillBlueGloss": "rgba(29, 99, 239, 0.6)",
218
+ "pillBlueMid": "rgba(81, 80, 208, 0.45)",
219
+ "pillVioletDeep": "rgba(133, 60, 176, 0.3)",
220
+ "pillPinkFade": "rgba(237, 21, 114, 0)",
221
+ "offerFlashStart": "rgba(255, 0, 91, 0.32)",
222
+ "offerFlashEnd": "rgba(255, 0, 91, 0.016)",
223
+ "tableCyan1": "rgba(60, 140, 255, 0.20)",
224
+ "tableCyan2": "rgba(60, 216, 255, 0.20)",
225
+ "overlayDarken": "rgba(0, 0, 0, 0.2)",
226
+ "overlayLighten": "rgba(255, 255, 255, 0.5)"
157
227
  }
158
228
  },
159
229
  "elevation": {
@@ -206,14 +276,21 @@ export const core = {
206
276
  "lg": "64rem",
207
277
  "xl": "80rem",
208
278
  "2xl": "120rem",
209
- "3xl": "158rem"
279
+ "3xl": "158rem",
280
+ "tablet": "var(--lemmo-bp-md)",
281
+ "desktop": "var(--lemmo-bp-xl)",
282
+ "wide": "var(--lemmo-bp-2xl)"
210
283
  },
211
284
  "stroke": {
212
285
  "none": "0",
213
286
  "hairline": "0.5px",
214
287
  "thin": "1px",
215
288
  "medium": "1.5px",
216
- "thick": "2px"
289
+ "thick": "2px",
290
+ "rim": "var(--lemmo-stroke-thin)",
291
+ "border": "var(--lemmo-stroke-thin)",
292
+ "borderGradient": "var(--lemmo-stroke-thick)",
293
+ "divider": "var(--lemmo-stroke-hairline)"
217
294
  },
218
295
  "size": {
219
296
  "control": {
@@ -234,11 +311,28 @@ export const core = {
234
311
  "default": "3.25rem",
235
312
  "compact": "2.25rem"
236
313
  },
314
+ "gutter": "1rem",
237
315
  "container": {
238
316
  "base": "100%",
317
+ "sm": "40rem",
318
+ "md": "48rem",
319
+ "lg": "64rem",
320
+ "xl": "80rem",
321
+ "2xl": "120rem",
322
+ "3xl": "158rem",
323
+ "media": "calc(100vw - 2rem)",
239
324
  "copy": "80rem",
240
325
  "content": "56rem",
241
326
  "wide": "96rem"
327
+ },
328
+ "pricing": {
329
+ "columnSm": "66.5rem",
330
+ "columnLg": "89rem",
331
+ "maxDefault": "90rem",
332
+ "maxWide": "92rem",
333
+ "padX": "1rem",
334
+ "padXLg": "3.75rem",
335
+ "padY": "2rem"
242
336
  }
243
337
  },
244
338
  "spacing": {
@@ -276,11 +370,49 @@ export const core = {
276
370
  },
277
371
  "typography": {
278
372
  "fontFamily": {
279
- "satoshi": "'Satoshi', sans-serif",
280
- "oddval": "'Oddval', 'Satoshi', sans-serif",
281
- "morabba": "'Morabba', sans-serif",
282
- "iransans": "'IRANSans', sans-serif",
283
- "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
373
+ "sans": [
374
+ "Satoshi",
375
+ "system-ui",
376
+ "sans-serif"
377
+ ],
378
+ "sansFa": [
379
+ "IRANSansX",
380
+ "Tahoma",
381
+ "sans-serif"
382
+ ],
383
+ "display": [
384
+ "Oddval",
385
+ "Satoshi",
386
+ "system-ui",
387
+ "sans-serif"
388
+ ],
389
+ "displayFa": [
390
+ "Morabba",
391
+ "Tahoma",
392
+ "sans-serif"
393
+ ],
394
+ "heading": [
395
+ "Satoshi",
396
+ "system-ui",
397
+ "sans-serif"
398
+ ],
399
+ "headingFa": [
400
+ "Morabba",
401
+ "Tahoma",
402
+ "sans-serif"
403
+ ],
404
+ "numeric": [
405
+ "Satoshi",
406
+ "system-ui",
407
+ "sans-serif"
408
+ ],
409
+ "mono": [
410
+ "ui-monospace",
411
+ "SFMono-Regular",
412
+ "Menlo",
413
+ "Monaco",
414
+ "monospace"
415
+ ]
284
416
  },
285
417
  "fontWeight": {
286
418
  "regular": 400,
@@ -308,18 +440,18 @@ export const core = {
308
440
  "050": ".625rem"
309
441
  },
310
442
  "lineHeight": {
311
- "300": "1rem",
312
- "400": "1.125rem",
313
- "500": "1.25rem",
314
- "600": "1.5rem",
315
- "700": "1.75rem",
316
- "800": "2rem",
317
- "900": "2.25rem",
318
- "1000": "2.5rem",
319
- "1100": "2.75rem",
320
- "1200": "3rem",
321
- "1300": "4rem",
322
- "1400": "4.5rem"
443
+ "300": 1.25,
444
+ "400": 1.28,
445
+ "500": 1.43,
446
+ "600": 1.5,
447
+ "700": 1.4,
448
+ "800": 1.33,
449
+ "900": 1.25,
450
+ "1000": 1.2,
451
+ "1100": 1.15,
452
+ "1200": 1.1,
453
+ "1300": 1.05,
454
+ "1400": 1
323
455
  },
324
456
  "letterSpacing": {
325
457
  "none": "0",
@@ -358,7 +490,7 @@ export const semantic = {
358
490
  "foreground": "#a1a1a5"
359
491
  },
360
492
  "tertiary": {
361
- "background": "#0f1113",
493
+ "background": "#0a0c0e",
362
494
  "foreground": "#e1e1e3"
363
495
  },
364
496
  "elevated": {
@@ -387,9 +519,9 @@ export const semantic = {
387
519
  "info": "#5b91fe"
388
520
  },
389
521
  "border": {
390
- "default": "rgba(255, 255, 255, 0.1)",
522
+ "default": "rgba(255, 255, 255, 0.15)",
391
523
  "subtle": "rgba(255, 255, 255, 0.04)",
392
- "mid": "rgba(255, 255, 255, 0.05)",
524
+ "mid": "rgba(255, 255, 255, 0.08)",
393
525
  "danger": "#fa0019",
394
526
  "warning": "#dfab01",
395
527
  "success": "#2eb844",
@@ -412,51 +544,80 @@ export const semantic = {
412
544
  "background": "#5c000f",
413
545
  "foreground": "#ff5462",
414
546
  "border": "#fa0019",
415
- "glow": "{color.status.danger.glow}"
547
+ "glow": "#ff1f2e"
416
548
  },
417
549
  "warning": {
418
550
  "background": "#523f00",
419
551
  "foreground": "#ffef33",
420
552
  "border": "#dfab01",
421
- "glow": "{color.status.warning.glow}"
553
+ "glow": "#fff05a"
422
554
  },
423
555
  "success": {
424
556
  "background": "#0d4a17",
425
557
  "foreground": "#4ee466",
426
558
  "border": "#2eb844",
427
- "glow": "{color.status.success.glow}"
559
+ "glow": "#00e62e"
428
560
  },
429
561
  "info": {
430
562
  "background": "#000d26",
431
563
  "foreground": "#5b91fe",
432
564
  "border": "#0256fe",
433
- "glow": "{color.status.info.glow}"
565
+ "glow": "#3cd8ff"
434
566
  }
435
567
  }
436
568
  },
569
+ "gradient": {
570
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #18191c",
571
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #18191c",
572
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
573
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
574
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
575
+ "surfaceBase": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
576
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
577
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
578
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
579
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
580
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #1c1e20",
581
+ "surfacePlain": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
582
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
583
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
584
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
585
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
586
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
587
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
588
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
589
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
590
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
591
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #0a0c0e 0%, #0a0c0e 100%)",
592
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
593
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
594
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.05)",
595
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
596
+ },
437
597
  "radius": {
438
- "base": "{radius.base}",
439
- "badge": "calc({radius.base} * 0.75)",
440
- "control": "{radius.base}",
441
- "card": "calc({radius.base} * 1.5)",
442
- "media": "calc({radius.base} * 2)",
443
- "featuredCard": "calc({radius.base} * 2.5)",
444
- "mediaLg": "calc({radius.base} * 3)",
598
+ "base": ".5rem",
599
+ "badge": "calc(.5rem * 0.75)",
600
+ "control": ".5rem",
601
+ "card": "calc(.5rem * 1.5)",
602
+ "media": "calc(.5rem * 2)",
603
+ "featuredCard": "calc(.5rem * 2.5)",
604
+ "mediaLg": "calc(.5rem * 3)",
445
605
  "pill": "9999px"
446
606
  },
447
607
  "typography": {
448
- "heading": "'Oddval', 'Satoshi', sans-serif",
449
- "headingFa": "'Morabba', sans-serif",
450
- "body": "'Satoshi', sans-serif",
451
- "bodyFa": "'IRANSans', sans-serif",
452
- "numeric": "'Satoshi', sans-serif",
453
- "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
608
+ "heading": "Satoshi,system-ui,sans-serif",
609
+ "display": "Oddval,Satoshi,system-ui,sans-serif",
610
+ "headingFa": "Morabba,Tahoma,sans-serif",
611
+ "displayFa": "Morabba,Tahoma,sans-serif",
612
+ "body": "{typography.fontFamily.body}",
613
+ "bodyFa": "{typography.fontFamily.bodyFa}",
614
+ "numeric": "Satoshi,system-ui,sans-serif",
615
+ "mono": "ui-monospace,SFMono-Regular,Menlo,Monaco,monospace"
454
616
  }
455
617
  };
456
618
 
457
619
  export const themes = {
458
620
  "default": {
459
- "name": "default",
460
621
  "color": {
461
622
  "page": {
462
623
  "background": "#131517",
@@ -472,7 +633,7 @@ export const themes = {
472
633
  "foreground": "#a1a1a5"
473
634
  },
474
635
  "tertiary": {
475
- "background": "#0f1113",
636
+ "background": "#0a0c0e",
476
637
  "foreground": "#e1e1e3"
477
638
  },
478
639
  "elevated": {
@@ -501,9 +662,9 @@ export const themes = {
501
662
  "info": "#5b91fe"
502
663
  },
503
664
  "border": {
504
- "default": "rgba(255, 255, 255, 0.1)",
665
+ "default": "rgba(255, 255, 255, 0.15)",
505
666
  "subtle": "rgba(255, 255, 255, 0.04)",
506
- "mid": "rgba(255, 255, 255, 0.05)",
667
+ "mid": "rgba(255, 255, 255, 0.08)",
507
668
  "danger": "#fa0019",
508
669
  "warning": "#dfab01",
509
670
  "success": "#2eb844",
@@ -517,7 +678,7 @@ export const themes = {
517
678
  },
518
679
  "secondary": {
519
680
  "background": "#0256fe",
520
- "foreground": "#e1e1e3",
681
+ "foreground": "#ffffff",
521
682
  "hover": "#245ef1"
522
683
  }
523
684
  },
@@ -526,30 +687,58 @@ export const themes = {
526
687
  "background": "#5c000f",
527
688
  "foreground": "#ff5462",
528
689
  "border": "#fa0019",
529
- "glow": "{color.status.danger.glow}"
690
+ "glow": "#ff1f2e"
530
691
  },
531
692
  "warning": {
532
693
  "background": "#523f00",
533
694
  "foreground": "#ffef33",
534
695
  "border": "#dfab01",
535
- "glow": "{color.status.warning.glow}"
696
+ "glow": "#fff05a"
536
697
  },
537
698
  "success": {
538
699
  "background": "#0d4a17",
539
700
  "foreground": "#4ee466",
540
701
  "border": "#2eb844",
541
- "glow": "{color.status.success.glow}"
702
+ "glow": "#00e62e"
542
703
  },
543
704
  "info": {
544
705
  "background": "#000d26",
545
706
  "foreground": "#5b91fe",
546
707
  "border": "#0256fe",
547
- "glow": "{color.status.info.glow}"
708
+ "glow": "#3cd8ff"
548
709
  }
549
710
  }
550
711
  },
712
+ "gradient": {
713
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #18191c",
714
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #18191c",
715
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
716
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
717
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
718
+ "surfaceBase": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
719
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
720
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
721
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
722
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
723
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #1c1e20",
724
+ "surfacePlain": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
725
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
726
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
727
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
728
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
729
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
730
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
731
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
732
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
733
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
734
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #0a0c0e 0%, #0a0c0e 100%)",
735
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
736
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
737
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.05)",
738
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
739
+ },
551
740
  "radius": {
552
- "base": "{radius.base}"
741
+ "base": ".5rem"
553
742
  },
554
743
  "shadow": {
555
744
  "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
@@ -557,7 +746,6 @@ export const themes = {
557
746
  }
558
747
  },
559
748
  "light": {
560
- "name": "light",
561
749
  "color": {
562
750
  "page": {
563
751
  "background": "#f8f9fa",
@@ -585,8 +773,8 @@ export const themes = {
585
773
  "foreground": "#131517"
586
774
  },
587
775
  "brand": {
588
- "background": "#d1fe17",
589
- "foreground": "#131517"
776
+ "background": "#386b00",
777
+ "foreground": "#ffffff"
590
778
  }
591
779
  },
592
780
  "text": {
@@ -594,71 +782,98 @@ export const themes = {
594
782
  "secondary": "#495057",
595
783
  "muted": "#6c757d",
596
784
  "faint": "#adb5bd",
597
- "onBrand": "#131517",
785
+ "onBrand": "#ffffff",
598
786
  "reverted": "#ffffff",
599
- "danger": "#b7094c",
600
- "warning": "#d00000",
601
- "success": "#1b4332",
602
- "info": "#03045e"
787
+ "danger": "#c9184a",
788
+ "warning": "#b05d00",
789
+ "success": "#2d6a4f",
790
+ "info": "#00509d"
603
791
  },
604
792
  "border": {
605
- "default": "rgba(0, 0, 0, 0.18)",
793
+ "default": "rgba(0, 0, 0, 0.25)",
606
794
  "subtle": "rgba(0, 0, 0, 0.08)",
607
- "mid": "rgba(0, 0, 0, 0.12)",
608
- "danger": "#d90429",
609
- "warning": "#e85d04",
610
- "success": "#2b9348",
611
- "info": "#0077b6"
795
+ "mid": "rgba(0, 0, 0, 0.15)",
796
+ "danger": "#c9184a",
797
+ "warning": "#b05d00",
798
+ "success": "#2d6a4f",
799
+ "info": "#00509d"
612
800
  },
613
801
  "interactive": {
614
802
  "primary": {
615
- "background": "#d1fe17",
616
- "foreground": "#131517",
617
- "hover": "#c4ee0b"
803
+ "background": "#386b00",
804
+ "foreground": "#ffffff",
805
+ "hover": "#829b19"
618
806
  },
619
807
  "secondary": {
620
808
  "background": "#0256fe",
621
809
  "foreground": "#ffffff",
622
- "hover": "#1544ed"
810
+ "hover": "#245ef1"
623
811
  }
624
812
  },
625
813
  "status": {
626
814
  "danger": {
627
815
  "background": "#ffe3e3",
628
- "foreground": "#b7094c",
629
- "border": "#d90429",
816
+ "foreground": "#a4161a",
817
+ "border": "#c9184a",
630
818
  "glow": "#ff8787"
631
819
  },
632
820
  "warning": {
633
821
  "background": "#fff3bf",
634
- "foreground": "#d00000",
635
- "border": "#e85d04",
822
+ "foreground": "#8a4500",
823
+ "border": "#b05d00",
636
824
  "glow": "#ffe066"
637
825
  },
638
826
  "success": {
639
827
  "background": "#d3f9d8",
640
828
  "foreground": "#1b4332",
641
- "border": "#2b9348",
829
+ "border": "#2d6a4f",
642
830
  "glow": "#8ce99a"
643
831
  },
644
832
  "info": {
645
833
  "background": "#e7f5ff",
646
- "foreground": "#03045e",
647
- "border": "#0077b6",
834
+ "foreground": "#00296b",
835
+ "border": "#00509d",
648
836
  "glow": "#74c0fc"
649
837
  }
650
838
  }
651
839
  },
840
+ "gradient": {
841
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #ffffff",
842
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.15) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #ffffff",
843
+ "surfaceOlive": "linear-gradient(180deg, #f4f6f0 0%, #eaefe5 55%, #e2ebd9 100%)",
844
+ "surfaceOcean": "linear-gradient(180deg, #edf4f7 0%, #e2eff4 45%, #d5e7ef 75%, #c5dee9 100%)",
845
+ "surfaceSteel": "linear-gradient(180deg, #f1f3f6 0%, #e6e9ef 40%, #d9dde6 75%, #ccd1dc 100%)",
846
+ "surfaceBase": "linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
847
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 42%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
848
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
849
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
850
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
851
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #ffffff",
852
+ "surfacePlain": "linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
853
+ "rimVertical": "linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 38%, rgba(209, 254, 23, 0) 72%)",
854
+ "rimDiagonal": "linear-gradient(225deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 42%, rgba(209, 254, 23, 0) 76%)",
855
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
856
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
857
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #386b00 0%, #386b00 100%)",
858
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
859
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
860
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
861
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #fce8ef 0%, #f8d4e2 38%, #f4c0d4 70%, #f0adc6 100%)",
862
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.15) 0%, rgba(209, 254, 23, 0) 100%), linear-gradient(90deg, #ffffff 0%, #ffffff 100%)",
863
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.07) 1px, rgba(209, 254, 23, 0) 0)",
864
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
865
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, {color.alpha.tableCyanLight} 0%, {color.alpha.tableCyanLight} 100%), rgba(255, 255, 255, 0.5)",
866
+ "overlayDarken": "linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5))"
867
+ },
652
868
  "radius": {
653
- "base": "{radius.base}"
869
+ "base": ".5rem"
654
870
  },
655
871
  "shadow": {
656
- "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.08)",
657
- "cardBase": "0 4px 20px rgba(0, 0, 0, 0.05)"
872
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
873
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
658
874
  }
659
875
  },
660
876
  "midnight": {
661
- "name": "midnight",
662
877
  "color": {
663
878
  "page": {
664
879
  "background": "#000000",
@@ -674,7 +889,7 @@ export const themes = {
674
889
  "foreground": "#999999"
675
890
  },
676
891
  "tertiary": {
677
- "background": "#050505",
892
+ "background": "#040404",
678
893
  "foreground": "#ffffff"
679
894
  },
680
895
  "elevated": {
@@ -686,7 +901,7 @@ export const themes = {
686
901
  "foreground": "#ffffff"
687
902
  },
688
903
  "brand": {
689
- "background": "#ffffff",
904
+ "background": "#d1fe17",
690
905
  "foreground": "#000000"
691
906
  }
692
907
  },
@@ -697,69 +912,96 @@ export const themes = {
697
912
  "faint": "#444444",
698
913
  "onBrand": "#000000",
699
914
  "reverted": "#000000",
700
- "danger": "#ff4d4f",
701
- "warning": "#faad14",
702
- "success": "#52c41a",
703
- "info": "#1890ff"
915
+ "danger": "#ff5462",
916
+ "warning": "#dfab01",
917
+ "success": "#4ee466",
918
+ "info": "#5b91fe"
704
919
  },
705
920
  "border": {
706
921
  "default": "rgba(255, 255, 255, 0.2)",
707
922
  "subtle": "rgba(255, 255, 255, 0.08)",
708
923
  "mid": "rgba(255, 255, 255, 0.12)",
709
- "danger": "#ff4d4f",
710
- "warning": "#faad14",
711
- "success": "#52c41a",
712
- "info": "#1890ff"
924
+ "danger": "#fa0019",
925
+ "warning": "#dfab01",
926
+ "success": "#2eb844",
927
+ "info": "#0256fe"
713
928
  },
714
929
  "interactive": {
715
930
  "primary": {
716
- "background": "#ffffff",
931
+ "background": "#d1fe17",
717
932
  "foreground": "#000000",
718
- "hover": "#e6e6e6"
933
+ "hover": "#c4ee0b"
719
934
  },
720
935
  "secondary": {
721
- "background": "#1f1f1f",
936
+ "background": "#0256fe",
722
937
  "foreground": "#ffffff",
723
- "hover": "#2a2a2a"
938
+ "hover": "#245ef1"
724
939
  }
725
940
  },
726
941
  "status": {
727
942
  "danger": {
728
- "background": "#2a0a0a",
729
- "foreground": "#ff7875",
730
- "border": "#ff4d4f",
731
- "glow": "#ff4d4f"
943
+ "background": "#5c000f",
944
+ "foreground": "#ff5462",
945
+ "border": "#fa0019",
946
+ "glow": "#ff1f2e"
732
947
  },
733
948
  "warning": {
734
- "background": "#2b1d00",
735
- "foreground": "#ffc53d",
736
- "border": "#faad14",
737
- "glow": "#faad14"
949
+ "background": "#523f00",
950
+ "foreground": "#ffef33",
951
+ "border": "#dfab01",
952
+ "glow": "#fff05a"
738
953
  },
739
954
  "success": {
740
- "background": "#092b00",
741
- "foreground": "#73d13d",
742
- "border": "#52c41a",
743
- "glow": "#52c41a"
955
+ "background": "#0d4a17",
956
+ "foreground": "#4ee466",
957
+ "border": "#2eb844",
958
+ "glow": "#00e62e"
744
959
  },
745
960
  "info": {
746
- "background": "#001d40",
747
- "foreground": "#40a9ff",
748
- "border": "#1890ff",
749
- "glow": "#1890ff"
961
+ "background": "#000d26",
962
+ "foreground": "#5b91fe",
963
+ "border": "#0256fe",
964
+ "glow": "#3cd8ff"
750
965
  }
751
966
  }
752
967
  },
968
+ "gradient": {
969
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1e1e1e",
970
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1e1e1e",
971
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
972
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
973
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
974
+ "surfaceBase": "linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
975
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
976
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
977
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
978
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
979
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #0c0c0c",
980
+ "surfacePlain": "linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
981
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
982
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
983
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
984
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
985
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
986
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
987
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
988
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
989
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
990
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040404 0%, #040404 100%)",
991
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
992
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
993
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.08)",
994
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
995
+ },
753
996
  "radius": {
754
- "base": "0px"
997
+ "base": ".5rem"
755
998
  },
756
999
  "shadow": {
757
- "cardFeatured": "none",
758
- "cardBase": "none"
1000
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
1001
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
759
1002
  }
760
1003
  },
761
1004
  "neon": {
762
- "name": "neon",
763
1005
  "color": {
764
1006
  "page": {
765
1007
  "background": "#08090a",
@@ -775,7 +1017,7 @@ export const themes = {
775
1017
  "foreground": "#9db1c5"
776
1018
  },
777
1019
  "tertiary": {
778
- "background": "#060708",
1020
+ "background": "#040506",
779
1021
  "foreground": "#f0f6fc"
780
1022
  },
781
1023
  "elevated": {
@@ -788,7 +1030,7 @@ export const themes = {
788
1030
  },
789
1031
  "brand": {
790
1032
  "background": "#00ff66",
791
- "foreground": "#000000"
1033
+ "foreground": "#131517"
792
1034
  }
793
1035
  },
794
1036
  "text": {
@@ -796,67 +1038,95 @@ export const themes = {
796
1038
  "secondary": "#9db1c5",
797
1039
  "muted": "#697e94",
798
1040
  "faint": "#465668",
799
- "onBrand": "#000000",
800
- "reverted": "#000000",
801
- "danger": "#ff0055",
802
- "warning": "#ffcc00",
803
- "success": "#00ff88",
1041
+ "onBrand": "#131517",
1042
+ "reverted": "#ffffff",
1043
+ "danger": "#ff007f",
1044
+ "warning": "#ffef33",
1045
+ "success": "#00ff66",
804
1046
  "info": "#00f0ff"
805
1047
  },
806
1048
  "border": {
807
1049
  "default": "rgba(0, 240, 255, 0.45)",
808
1050
  "subtle": "rgba(0, 240, 255, 0.15)",
809
1051
  "mid": "rgba(0, 240, 255, 0.25)",
810
- "danger": "#ff0055",
811
- "warning": "#ffcc00",
812
- "success": "#00ff88",
1052
+ "danger": "#ff007f",
1053
+ "warning": "#dfab01",
1054
+ "success": "#00ff66",
813
1055
  "info": "#00f0ff"
814
1056
  },
815
1057
  "interactive": {
816
1058
  "primary": {
817
1059
  "background": "#00ff66",
818
- "foreground": "#000000",
819
- "hover": "#33ff85"
1060
+ "foreground": "#131517",
1061
+ "hover": "#c4ee0b"
820
1062
  },
821
1063
  "secondary": {
822
1064
  "background": "#00f0ff",
823
- "foreground": "#000000",
824
- "hover": "#4df4ff"
1065
+ "foreground": "#131517",
1066
+ "hover": "#9ce6f3"
825
1067
  }
826
1068
  },
827
1069
  "status": {
828
1070
  "danger": {
829
- "background": "rgba(255, 0, 85, 0.15)",
830
- "foreground": "#ff3377",
831
- "border": "#ff0055",
832
- "glow": "#ff0055"
1071
+ "background": "#5c000f",
1072
+ "foreground": "#ff5462",
1073
+ "border": "#ff007f",
1074
+ "glow": "#ff007f"
833
1075
  },
834
1076
  "warning": {
835
- "background": "rgba(255, 204, 0, 0.15)",
836
- "foreground": "#ffdd33",
837
- "border": "#ffcc00",
838
- "glow": "#ffcc00"
1077
+ "background": "#523f00",
1078
+ "foreground": "#ffef33",
1079
+ "border": "#dfab01",
1080
+ "glow": "#fff05a"
839
1081
  },
840
1082
  "success": {
841
- "background": "rgba(0, 255, 136, 0.15)",
842
- "foreground": "#33ffa3",
843
- "border": "#00ff88",
844
- "glow": "#00ff88"
1083
+ "background": "#0d4a17",
1084
+ "foreground": "#00ff66",
1085
+ "border": "#00ff66",
1086
+ "glow": "#00ff66"
845
1087
  },
846
1088
  "info": {
847
- "background": "rgba(0, 240, 255, 0.15)",
848
- "foreground": "#4df4ff",
1089
+ "background": "#000d26",
1090
+ "foreground": "#00f0ff",
849
1091
  "border": "#00f0ff",
850
1092
  "glow": "#00f0ff"
851
1093
  }
852
1094
  }
853
1095
  },
1096
+ "gradient": {
1097
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1c212b",
1098
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1c212b",
1099
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
1100
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
1101
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
1102
+ "surfaceBase": "linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1103
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1104
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1105
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1106
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1107
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #12151a",
1108
+ "surfacePlain": "linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1109
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
1110
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
1111
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #ff007f 0%, #ed1572 100%)",
1112
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #00f0ff 0%, #1544ed 100%)",
1113
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #00ff66 0%, #00ff66 100%)",
1114
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #00f0ff",
1115
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #00f0ff 0%, #00f0ff 100%)",
1116
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff007f 0%, #ff007f 100%)",
1117
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
1118
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040506 0%, #040506 100%)",
1119
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(0, 240, 255, 0.15) 1px, rgba(209, 254, 23, 0) 0)",
1120
+ "offerCombo": "linear-gradient(135deg, #ff007f 0%, #d1004e 40%, #8b006a 100%)",
1121
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(0, 240, 255, 0.15)",
1122
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
1123
+ },
854
1124
  "radius": {
855
- "base": ".25rem"
1125
+ "base": ".5rem"
856
1126
  },
857
1127
  "shadow": {
858
- "cardFeatured": "0 0 25px rgba(0, 240, 255, 0.35)",
859
- "cardBase": "0 0 15px rgba(0, 255, 102, 0.2)"
1128
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
1129
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
860
1130
  }
861
1131
  }
862
1132
  };