@vellira-ui/tokens 2.19.6 → 2.20.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 (69) hide show
  1. package/dist/css/tokens.css +485 -205
  2. package/dist/dark/components/button.d.ts +198 -37
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +161 -9
  5. package/dist/dark/components/checkbox.d.ts +2 -2
  6. package/dist/dark/components/checkbox.js +1 -1
  7. package/dist/dark/components/dropdown.d.ts +2 -2
  8. package/dist/dark/components/formField.d.ts +4 -4
  9. package/dist/dark/components/input.d.ts +2 -2
  10. package/dist/dark/components/menu.d.ts +1 -1
  11. package/dist/dark/components/modal.d.ts +1 -1
  12. package/dist/dark/components/radio.d.ts +2 -2
  13. package/dist/dark/components/radio.js +1 -1
  14. package/dist/dark/components/select.d.ts +3 -3
  15. package/dist/dark/components/select.js +1 -1
  16. package/dist/dark/components/tabs.d.ts +2 -2
  17. package/dist/dark/semantic/action.d.ts +37 -19
  18. package/dist/dark/semantic/action.d.ts.map +1 -1
  19. package/dist/dark/semantic/action.js +37 -19
  20. package/dist/dark/semantic/status.d.ts +3 -3
  21. package/dist/dark/semantic/surface.d.ts +1 -0
  22. package/dist/dark/semantic/surface.d.ts.map +1 -1
  23. package/dist/dark/semantic/surface.js +1 -0
  24. package/dist/dark/semantic/text.d.ts +1 -1
  25. package/dist/dark/semantic/text.js +1 -1
  26. package/dist/dark/theme.d.ts +14 -12
  27. package/dist/dark/theme.d.ts.map +1 -1
  28. package/dist/generated/token-types.d.ts +6 -6
  29. package/dist/generated/token-types.d.ts.map +1 -1
  30. package/dist/generated/token-types.js +484 -108
  31. package/dist/highContrast/components/button.d.ts +198 -37
  32. package/dist/highContrast/components/button.d.ts.map +1 -1
  33. package/dist/highContrast/components/button.js +162 -10
  34. package/dist/highContrast/components/checkbox.d.ts +2 -2
  35. package/dist/highContrast/components/formField.d.ts +1 -1
  36. package/dist/highContrast/components/menu.d.ts +1 -1
  37. package/dist/highContrast/components/radio.d.ts +2 -2
  38. package/dist/highContrast/components/tabs.d.ts +1 -1
  39. package/dist/highContrast/semantic/action.d.ts +30 -13
  40. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  41. package/dist/highContrast/semantic/action.js +30 -13
  42. package/dist/highContrast/semantic/control.d.ts +2 -2
  43. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  44. package/dist/highContrast/semantic/status.d.ts +3 -3
  45. package/dist/highContrast/semantic/surface.d.ts +1 -0
  46. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  47. package/dist/highContrast/semantic/surface.js +1 -0
  48. package/dist/highContrast/theme.d.ts +14 -12
  49. package/dist/highContrast/theme.d.ts.map +1 -1
  50. package/dist/light/components/button.d.ts +198 -37
  51. package/dist/light/components/button.d.ts.map +1 -1
  52. package/dist/light/components/button.js +162 -10
  53. package/dist/light/components/formField.d.ts +1 -1
  54. package/dist/light/semantic/action.d.ts +21 -4
  55. package/dist/light/semantic/action.d.ts.map +1 -1
  56. package/dist/light/semantic/action.js +17 -0
  57. package/dist/light/semantic/status.d.ts +3 -3
  58. package/dist/light/semantic/surface.d.ts +1 -0
  59. package/dist/light/semantic/surface.d.ts.map +1 -1
  60. package/dist/light/semantic/surface.js +1 -0
  61. package/dist/light/semantic/text.d.ts +1 -1
  62. package/dist/light/semantic/text.d.ts.map +1 -1
  63. package/dist/light/semantic/text.js +2 -3
  64. package/dist/light/theme.d.ts +14 -12
  65. package/dist/light/theme.d.ts.map +1 -1
  66. package/dist/primitives/colors.d.ts +14 -12
  67. package/dist/primitives/colors.d.ts.map +1 -1
  68. package/dist/primitives/colors.js +14 -12
  69. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-04T19:45:49.463Z
4
+ * Generated: 2026-07-06T12:07:57.680Z
5
5
  */
6
6
 
7
7
  :root {
@@ -71,11 +71,11 @@
71
71
  --color-secondary-300: #9EA2EA;
72
72
  --color-secondary-400: #7B80D8;
73
73
  --color-secondary-500: #4C4F8F;
74
- --color-secondary-600: #5F64B8;
75
- --color-secondary-700: #555AA8;
76
- --color-secondary-800: #494F95;
77
- --color-secondary-900: #42477C;
78
- --color-secondary-950: #373B68;
74
+ --color-secondary-600: #3c2d9e;
75
+ --color-secondary-700: #2e156e;
76
+ --color-secondary-800: #2f106c;
77
+ --color-secondary-900: #190947;
78
+ --color-secondary-950: #160537;
79
79
  --color-vellira-25: #FDFCFF;
80
80
  --color-vellira-50: #FAF8FF;
81
81
  --color-vellira-100: #F4F1FB;
@@ -92,13 +92,15 @@
92
92
  --color-vellira-950: #1B1726;
93
93
  --color-info-50: #F0F9FF;
94
94
  --color-info-100: #EFF6FF;
95
- --color-info-200: #DBEAFE;
96
- --color-info-300: #93C5FD;
97
- --color-info-400: #4DA3FF;
98
- --color-info-500: #7BBCFF;
99
- --color-info-600: #3399FF;
100
- --color-info-700: #0EA5E9;
101
- --color-info-800: #0284C7;
95
+ --color-info-150: #DBEAFE;
96
+ --color-info-200: #93C5FD;
97
+ --color-info-250: #4DA3FF;
98
+ --color-info-300: #7BBCFF;
99
+ --color-info-400: #3399FF;
100
+ --color-info-500: #0EA5E9;
101
+ --color-info-600: #0284C7;
102
+ --color-info-700: #0265c7;
103
+ --color-info-800: #023ac7;
102
104
  --color-info-900: #002B55;
103
105
  --color-info-950: #102A43;
104
106
  --color-success-50: #ECFDF5;
@@ -185,12 +187,21 @@
185
187
  --action-secondary-default-bg: #4C4F8F;
186
188
  --action-secondary-default-fg: #FFFFFF;
187
189
  --action-secondary-default-border: #4C4F8F;
188
- --action-secondary-hover-bg: #42477C;
190
+ --action-secondary-hover-bg: #190947;
189
191
  --action-secondary-hover-fg: #FFFFFF;
190
- --action-secondary-hover-border: #42477C;
191
- --action-secondary-active-bg: #373B68;
192
+ --action-secondary-hover-border: #190947;
193
+ --action-secondary-active-bg: #160537;
192
194
  --action-secondary-active-fg: #FFFFFF;
193
- --action-secondary-active-border: #373B68;
195
+ --action-secondary-active-border: #160537;
196
+ --action-close-default-bg: #E8E2F3;
197
+ --action-close-default-fg: #0F0F0F;
198
+ --action-close-default-border: #E8E2F3;
199
+ --action-close-hover-bg: #D8D3E8;
200
+ --action-close-hover-fg: #0F0F0F;
201
+ --action-close-hover-border: #D8D3E8;
202
+ --action-close-active-bg: #A8A1BA;
203
+ --action-close-active-fg: #0F0F0F;
204
+ --action-close-active-border: #A8A1BA;
194
205
  --action-danger-default-bg: #DC2626;
195
206
  --action-danger-default-fg: #FFFFFF;
196
207
  --action-danger-default-border: #DC2626;
@@ -257,14 +268,15 @@
257
268
  --status-warning-bg: #FFF7ED;
258
269
  --status-warning-border: #FCD34D;
259
270
  --status-warning-strong: #C05621;
260
- --status-info-fg: #0EA5E9;
271
+ --status-info-fg: #0265c7;
261
272
  --status-info-bg: #F0F9FF;
262
- --status-info-border: #93C5FD;
263
- --status-info-strong: #0EA5E9;
273
+ --status-info-border: #7BBCFF;
274
+ --status-info-strong: #0265c7;
264
275
  --surface-default: #FDFCFF;
265
276
  --surface-muted: #FAF8FF;
266
277
  --surface-subtle: #F4F1FB;
267
278
  --surface-elevated: #FFFFFF;
279
+ --surface-pressed: #EEE8FA;
268
280
  --surface-hover: #EEE8FA;
269
281
  --surface-active: #413957;
270
282
  --surface-inverse: #1B1726;
@@ -274,38 +286,119 @@
274
286
  --text-disabled: #9CA3AF;
275
287
  --text-subtle: #1A1A1A;
276
288
  --text-inverse: #FFFFFF;
277
- --text-on-inverse: #FFFFFF;
289
+ --text-on-inverse: #0F0F0F;
278
290
  --text-brand: #5B4BEA;
279
- --button-primary-default-bg: #5B4BEA;
280
- --button-primary-default-fg: #FFFFFF;
281
- --button-primary-default-border: #5B4BEA;
282
- --button-primary-hover-bg: #4936D9;
283
- --button-primary-hover-fg: #FFFFFF;
284
- --button-primary-hover-border: #4936D9;
285
- --button-primary-pressed-bg: #3B2BBF;
286
- --button-primary-pressed-fg: #FFFFFF;
287
- --button-primary-pressed-border: #3B2BBF;
288
- --button-secondary-default-bg: #4C4F8F;
289
- --button-secondary-default-fg: #FFFFFF;
290
- --button-secondary-default-border: #4C4F8F;
291
- --button-secondary-hover-bg: #42477C;
292
- --button-secondary-hover-fg: #FFFFFF;
293
- --button-secondary-hover-border: #42477C;
294
- --button-secondary-pressed-bg: #373B68;
295
- --button-secondary-pressed-fg: #FFFFFF;
296
- --button-secondary-pressed-border: #373B68;
297
- --button-danger-default-bg: #DC2626;
298
- --button-danger-default-fg: #FFFFFF;
299
- --button-danger-default-border: #DC2626;
300
- --button-danger-hover-bg: #B91C1C;
301
- --button-danger-hover-fg: #FFFFFF;
302
- --button-danger-hover-border: #B91C1C;
303
- --button-danger-pressed-bg: #B91C1C;
304
- --button-danger-pressed-fg: #FFFFFF;
305
- --button-danger-pressed-border: #B91C1C;
291
+ --button-primary-solid-default-bg: #5B4BEA;
292
+ --button-primary-solid-default-fg: #FFFFFF;
293
+ --button-primary-solid-default-border: #5B4BEA;
294
+ --button-primary-solid-hover-bg: #4936D9;
295
+ --button-primary-solid-hover-fg: #FFFFFF;
296
+ --button-primary-solid-hover-border: #4936D9;
297
+ --button-primary-solid-pressed-bg: #3B2BBF;
298
+ --button-primary-solid-pressed-fg: #FFFFFF;
299
+ --button-primary-solid-pressed-border: #3B2BBF;
300
+ --button-primary-outline-default-bg: transparent;
301
+ --button-primary-outline-default-fg: #5B4BEA;
302
+ --button-primary-outline-default-border: #5B4BEA;
303
+ --button-primary-outline-hover-bg: #EEF0FF;
304
+ --button-primary-outline-hover-fg: #4936D9;
305
+ --button-primary-outline-hover-border: #4936D9;
306
+ --button-primary-outline-pressed-bg: #EEF0FF;
307
+ --button-primary-outline-pressed-fg: #3B2BBF;
308
+ --button-primary-outline-pressed-border: #3B2BBF;
309
+ --button-primary-ghost-default-bg: transparent;
310
+ --button-primary-ghost-default-fg: #5B4BEA;
311
+ --button-primary-ghost-default-border: transparent;
312
+ --button-primary-ghost-hover-bg: #EEF0FF;
313
+ --button-primary-ghost-hover-fg: #4936D9;
314
+ --button-primary-ghost-hover-border: transparent;
315
+ --button-primary-ghost-pressed-bg: #EEF0FF;
316
+ --button-primary-ghost-pressed-fg: #3B2BBF;
317
+ --button-primary-ghost-pressed-border: transparent;
318
+ --button-secondary-solid-default-bg: #4C4F8F;
319
+ --button-secondary-solid-default-fg: #FFFFFF;
320
+ --button-secondary-solid-default-border: #4C4F8F;
321
+ --button-secondary-solid-hover-bg: #190947;
322
+ --button-secondary-solid-hover-fg: #FFFFFF;
323
+ --button-secondary-solid-hover-border: #190947;
324
+ --button-secondary-solid-pressed-bg: #160537;
325
+ --button-secondary-solid-pressed-fg: #FFFFFF;
326
+ --button-secondary-solid-pressed-border: #160537;
327
+ --button-secondary-outline-default-bg: transparent;
328
+ --button-secondary-outline-default-fg: #4C4F8F;
329
+ --button-secondary-outline-default-border: #4C4F8F;
330
+ --button-secondary-outline-hover-bg: #EEE8FA;
331
+ --button-secondary-outline-hover-fg: #190947;
332
+ --button-secondary-outline-hover-border: #190947;
333
+ --button-secondary-outline-pressed-bg: #EEE8FA;
334
+ --button-secondary-outline-pressed-fg: #160537;
335
+ --button-secondary-outline-pressed-border: #160537;
336
+ --button-secondary-ghost-default-bg: transparent;
337
+ --button-secondary-ghost-default-fg: #4C4F8F;
338
+ --button-secondary-ghost-default-border: transparent;
339
+ --button-secondary-ghost-hover-bg: #EEE8FA;
340
+ --button-secondary-ghost-hover-fg: #190947;
341
+ --button-secondary-ghost-hover-border: transparent;
342
+ --button-secondary-ghost-pressed-bg: #EEE8FA;
343
+ --button-secondary-ghost-pressed-fg: #160537;
344
+ --button-secondary-ghost-pressed-border: transparent;
345
+ --button-close-solid-default-bg: #E8E2F3;
346
+ --button-close-solid-default-fg: #0F0F0F;
347
+ --button-close-solid-default-border: #E8E2F3;
348
+ --button-close-solid-hover-bg: #D8D3E8;
349
+ --button-close-solid-hover-fg: #0F0F0F;
350
+ --button-close-solid-hover-border: #D8D3E8;
351
+ --button-close-solid-pressed-bg: #A8A1BA;
352
+ --button-close-solid-pressed-fg: #0F0F0F;
353
+ --button-close-solid-pressed-border: #A8A1BA;
354
+ --button-close-outline-default-bg: transparent;
355
+ --button-close-outline-default-fg: #E8E2F3;
356
+ --button-close-outline-default-border: #E8E2F3;
357
+ --button-close-outline-hover-bg: #EEE8FA;
358
+ --button-close-outline-hover-fg: #D8D3E8;
359
+ --button-close-outline-hover-border: #D8D3E8;
360
+ --button-close-outline-pressed-bg: #EEE8FA;
361
+ --button-close-outline-pressed-fg: #A8A1BA;
362
+ --button-close-outline-pressed-border: #A8A1BA;
363
+ --button-close-ghost-default-bg: transparent;
364
+ --button-close-ghost-default-fg: #E8E2F3;
365
+ --button-close-ghost-default-border: transparent;
366
+ --button-close-ghost-hover-bg: #EEE8FA;
367
+ --button-close-ghost-hover-fg: #D8D3E8;
368
+ --button-close-ghost-hover-border: transparent;
369
+ --button-close-ghost-pressed-bg: #EEE8FA;
370
+ --button-close-ghost-pressed-fg: #A8A1BA;
371
+ --button-close-ghost-pressed-border: transparent;
372
+ --button-danger-solid-default-bg: #DC2626;
373
+ --button-danger-solid-default-fg: #FFFFFF;
374
+ --button-danger-solid-default-border: #DC2626;
375
+ --button-danger-solid-hover-bg: #B91C1C;
376
+ --button-danger-solid-hover-fg: #FFFFFF;
377
+ --button-danger-solid-hover-border: #B91C1C;
378
+ --button-danger-solid-pressed-bg: #B91C1C;
379
+ --button-danger-solid-pressed-fg: #FFFFFF;
380
+ --button-danger-solid-pressed-border: #B91C1C;
381
+ --button-danger-outline-default-bg: transparent;
382
+ --button-danger-outline-default-fg: #DC2626;
383
+ --button-danger-outline-default-border: #DC2626;
384
+ --button-danger-outline-hover-bg: #FEF2F2;
385
+ --button-danger-outline-hover-fg: #B91C1C;
386
+ --button-danger-outline-hover-border: #B91C1C;
387
+ --button-danger-outline-pressed-bg: #FEF2F2;
388
+ --button-danger-outline-pressed-fg: #B91C1C;
389
+ --button-danger-outline-pressed-border: #B91C1C;
390
+ --button-danger-ghost-default-bg: transparent;
391
+ --button-danger-ghost-default-fg: #DC2626;
392
+ --button-danger-ghost-default-border: transparent;
393
+ --button-danger-ghost-hover-bg: #FEF2F2;
394
+ --button-danger-ghost-hover-fg: #B91C1C;
395
+ --button-danger-ghost-hover-border: transparent;
396
+ --button-danger-ghost-pressed-bg: #FEF2F2;
397
+ --button-danger-ghost-pressed-fg: #B91C1C;
398
+ --button-danger-ghost-pressed-border: transparent;
306
399
  --button-disabled-bg: #F4F1FB;
307
400
  --button-disabled-fg: #9CA3AF;
308
- --button-disabled-border: #EEE8FA;
401
+ --button-disabled-border: #E8E2F3;
309
402
  --checkbox-default-bg: #FDFCFF;
310
403
  --checkbox-default-fg: #3A334D;
311
404
  --checkbox-default-border: #D8D3E8;
@@ -369,7 +462,7 @@
369
462
  --form-field-helper-text-error-fg: #DC2626;
370
463
  --form-field-helper-text-success-fg: #008F6A;
371
464
  --form-field-helper-text-warning-fg: #C05621;
372
- --form-field-helper-text-info-fg: #0EA5E9;
465
+ --form-field-helper-text-info-fg: #0265c7;
373
466
  --form-field-required-mark-fg: #DC2626;
374
467
  --form-field-disabled-label-fg: #9CA3AF;
375
468
  --form-field-disabled-description-fg: #9CA3AF;
@@ -532,11 +625,11 @@
532
625
  --color-secondary-300: #9EA2EA;
533
626
  --color-secondary-400: #7B80D8;
534
627
  --color-secondary-500: #4C4F8F;
535
- --color-secondary-600: #5F64B8;
536
- --color-secondary-700: #555AA8;
537
- --color-secondary-800: #494F95;
538
- --color-secondary-900: #42477C;
539
- --color-secondary-950: #373B68;
628
+ --color-secondary-600: #3c2d9e;
629
+ --color-secondary-700: #2e156e;
630
+ --color-secondary-800: #2f106c;
631
+ --color-secondary-900: #190947;
632
+ --color-secondary-950: #160537;
540
633
  --color-vellira-25: #FDFCFF;
541
634
  --color-vellira-50: #FAF8FF;
542
635
  --color-vellira-100: #F4F1FB;
@@ -553,13 +646,15 @@
553
646
  --color-vellira-950: #1B1726;
554
647
  --color-info-50: #F0F9FF;
555
648
  --color-info-100: #EFF6FF;
556
- --color-info-200: #DBEAFE;
557
- --color-info-300: #93C5FD;
558
- --color-info-400: #4DA3FF;
559
- --color-info-500: #7BBCFF;
560
- --color-info-600: #3399FF;
561
- --color-info-700: #0EA5E9;
562
- --color-info-800: #0284C7;
649
+ --color-info-150: #DBEAFE;
650
+ --color-info-200: #93C5FD;
651
+ --color-info-250: #4DA3FF;
652
+ --color-info-300: #7BBCFF;
653
+ --color-info-400: #3399FF;
654
+ --color-info-500: #0EA5E9;
655
+ --color-info-600: #0284C7;
656
+ --color-info-700: #0265c7;
657
+ --color-info-800: #023ac7;
563
658
  --color-info-900: #002B55;
564
659
  --color-info-950: #102A43;
565
660
  --color-success-50: #ECFDF5;
@@ -631,27 +726,36 @@
631
726
  --action-primary-default-bg: #6D5BD0;
632
727
  --action-primary-default-fg: #FFFFFF;
633
728
  --action-primary-default-border: #6D5BD0;
634
- --action-primary-hover-bg: #5B4BEA;
729
+ --action-primary-hover-bg: #8B7CF6;
635
730
  --action-primary-hover-fg: #FFFFFF;
636
- --action-primary-hover-border: #5B4BEA;
637
- --action-primary-active-bg: #4936D9;
731
+ --action-primary-hover-border: #8B7CF6;
732
+ --action-primary-active-bg: #6D5BD0;
638
733
  --action-primary-active-fg: #FFFFFF;
639
- --action-primary-active-border: #4936D9;
640
- --action-primary-muted-bg: #7C6CF2;
734
+ --action-primary-active-border: #6D5BD0;
735
+ --action-primary-muted-bg: #A78BFA;
641
736
  --action-primary-muted-fg: #FFFFFF;
642
- --action-primary-muted-border: #7C6CF2;
643
- --action-primary-subtle-bg: #6D5BD0;
737
+ --action-primary-muted-border: #A78BFA;
738
+ --action-primary-subtle-bg: #C4B5FD;
644
739
  --action-primary-subtle-fg: #A78BFA;
645
- --action-primary-subtle-border: #A78BFA;
646
- --action-secondary-default-bg: #5F64B8;
647
- --action-secondary-default-fg: #FFFFFF;
648
- --action-secondary-default-border: #5F64B8;
649
- --action-secondary-hover-bg: #555AA8;
650
- --action-secondary-hover-fg: #FFFFFF;
651
- --action-secondary-hover-border: #555AA8;
652
- --action-secondary-active-bg: #494F95;
653
- --action-secondary-active-fg: #FFFFFF;
654
- --action-secondary-active-border: #494F95;
740
+ --action-primary-subtle-border: #C4B5FD;
741
+ --action-secondary-default-bg: #9EA2EA;
742
+ --action-secondary-default-fg: #000000;
743
+ --action-secondary-default-border: #9EA2EA;
744
+ --action-secondary-hover-bg: #7B80D8;
745
+ --action-secondary-hover-fg: #000000;
746
+ --action-secondary-hover-border: #7B80D8;
747
+ --action-secondary-active-bg: #4C4F8F;
748
+ --action-secondary-active-fg: #000000;
749
+ --action-secondary-active-border: #4C4F8F;
750
+ --action-close-default-bg: #E8E2F3;
751
+ --action-close-default-fg: #000000;
752
+ --action-close-default-border: #E8E2F3;
753
+ --action-close-hover-bg: #C4D0DD;
754
+ --action-close-hover-fg: #000000;
755
+ --action-close-hover-border: #C4D0DD;
756
+ --action-close-active-bg: #D8E4F2;
757
+ --action-close-active-fg: #000000;
758
+ --action-close-active-border: #D8E4F2;
655
759
  --action-danger-default-bg: #E11D48;
656
760
  --action-danger-default-fg: #FFFFFF;
657
761
  --action-danger-default-border: #E11D48;
@@ -661,8 +765,9 @@
661
765
  --action-danger-active-bg: #B91C1C;
662
766
  --action-danger-active-fg: #FFFFFF;
663
767
  --action-danger-active-border: #B91C1C;
664
- --action-danger-subtle-bg: #4C0519;
665
- --action-danger-subtle-fg: #FF8A8A;
768
+ --action-danger-subtle-bg: #FB7185;
769
+ --action-danger-subtle-fg: #FB7185;
770
+ --action-danger-subtle-border: #FB7185;
666
771
  --action-danger-muted-bg: #9F1239;
667
772
  --action-danger-muted-fg: #FDA4AF;
668
773
  --border-default: #3A334D;
@@ -720,57 +825,139 @@
720
825
  --status-warning-bg: rgba(251, 191, 36, 0.14);
721
826
  --status-warning-border: #FCD34D;
722
827
  --status-warning-strong: #FFEA00;
723
- --status-info-fg: #4DA3FF;
828
+ --status-info-fg: #3399FF;
724
829
  --status-info-bg: rgba(96, 165, 250, 0.14);
725
- --status-info-border: #93C5FD;
726
- --status-info-strong: #3399FF;
830
+ --status-info-border: #7BBCFF;
831
+ --status-info-strong: #0284C7;
727
832
  --surface-default: #1B1726;
728
833
  --surface-muted: #211E2E;
729
834
  --surface-subtle: #29253A;
730
835
  --surface-elevated: #312C44;
836
+ --surface-pressed: #3A334D;
731
837
  --surface-hover: #29253A;
732
838
  --surface-active: #413957;
733
839
  --surface-inverse: #FFFFFF;
734
840
  --text-primary: #F4F1FB;
735
841
  --text-secondary: #A8A1BA;
736
842
  --text-muted: #413957;
737
- --text-disabled: #413957;
843
+ --text-disabled: #746F86;
738
844
  --text-subtle: #FFFFFF;
739
845
  --text-hover: #8B7CF6;
740
846
  --text-inverse: #FFFFFF;
741
847
  --text-on-inverse: #000000;
742
848
  --text-brand: #A78BFA;
743
- --button-primary-default-bg: #6D5BD0;
744
- --button-primary-default-fg: #FFFFFF;
745
- --button-primary-default-border: #6D5BD0;
746
- --button-primary-hover-bg: #5B4BEA;
747
- --button-primary-hover-fg: #FFFFFF;
748
- --button-primary-hover-border: #5B4BEA;
749
- --button-primary-pressed-bg: #4936D9;
750
- --button-primary-pressed-fg: #FFFFFF;
751
- --button-primary-pressed-border: #4936D9;
752
- --button-secondary-default-bg: #5F64B8;
753
- --button-secondary-default-fg: #FFFFFF;
754
- --button-secondary-default-border: #5F64B8;
755
- --button-secondary-hover-bg: #555AA8;
756
- --button-secondary-hover-fg: #FFFFFF;
757
- --button-secondary-hover-border: #555AA8;
758
- --button-secondary-pressed-bg: #494F95;
759
- --button-secondary-pressed-fg: #FFFFFF;
760
- --button-secondary-pressed-border: #494F95;
761
- --button-danger-default-bg: #E11D48;
762
- --button-danger-default-fg: #FFFFFF;
763
- --button-danger-default-border: #E11D48;
764
- --button-danger-hover-bg: #DC2626;
765
- --button-danger-hover-fg: #FFFFFF;
766
- --button-danger-hover-border: #DC2626;
767
- --button-danger-pressed-bg: #B91C1C;
768
- --button-danger-pressed-fg: #FFFFFF;
769
- --button-danger-pressed-border: #B91C1C;
849
+ --button-primary-solid-default-bg: #6D5BD0;
850
+ --button-primary-solid-default-fg: #FFFFFF;
851
+ --button-primary-solid-default-border: #6D5BD0;
852
+ --button-primary-solid-hover-bg: #8B7CF6;
853
+ --button-primary-solid-hover-fg: #FFFFFF;
854
+ --button-primary-solid-hover-border: #8B7CF6;
855
+ --button-primary-solid-pressed-bg: #6D5BD0;
856
+ --button-primary-solid-pressed-fg: #FFFFFF;
857
+ --button-primary-solid-pressed-border: #6D5BD0;
858
+ --button-primary-outline-default-bg: transparent;
859
+ --button-primary-outline-default-fg: #A78BFA;
860
+ --button-primary-outline-default-border: #A78BFA;
861
+ --button-primary-outline-hover-bg: transparent;
862
+ --button-primary-outline-hover-fg: #8B7CF6;
863
+ --button-primary-outline-hover-border: #8B7CF6;
864
+ --button-primary-outline-pressed-bg: transparent;
865
+ --button-primary-outline-pressed-fg: #6D5BD0;
866
+ --button-primary-outline-pressed-border: #6D5BD0;
867
+ --button-primary-ghost-default-bg: transparent;
868
+ --button-primary-ghost-default-fg: #A78BFA;
869
+ --button-primary-ghost-default-border: transparent;
870
+ --button-primary-ghost-hover-bg: transparent;
871
+ --button-primary-ghost-hover-fg: #8B7CF6;
872
+ --button-primary-ghost-hover-border: transparent;
873
+ --button-primary-ghost-pressed-bg: transparent;
874
+ --button-primary-ghost-pressed-fg: #6D5BD0;
875
+ --button-primary-ghost-pressed-border: transparent;
876
+ --button-secondary-solid-default-bg: #9EA2EA;
877
+ --button-secondary-solid-default-fg: #000000;
878
+ --button-secondary-solid-default-border: #9EA2EA;
879
+ --button-secondary-solid-hover-bg: #7B80D8;
880
+ --button-secondary-solid-hover-fg: #000000;
881
+ --button-secondary-solid-hover-border: #7B80D8;
882
+ --button-secondary-solid-pressed-bg: #4C4F8F;
883
+ --button-secondary-solid-pressed-fg: #000000;
884
+ --button-secondary-solid-pressed-border: #4C4F8F;
885
+ --button-secondary-outline-default-bg: transparent;
886
+ --button-secondary-outline-default-fg: #9EA2EA;
887
+ --button-secondary-outline-default-border: #9EA2EA;
888
+ --button-secondary-outline-hover-bg: transparent;
889
+ --button-secondary-outline-hover-fg: #7B80D8;
890
+ --button-secondary-outline-hover-border: #7B80D8;
891
+ --button-secondary-outline-pressed-bg: transparent;
892
+ --button-secondary-outline-pressed-fg: #4C4F8F;
893
+ --button-secondary-outline-pressed-border: #4C4F8F;
894
+ --button-secondary-ghost-default-bg: transparent;
895
+ --button-secondary-ghost-default-fg: #9EA2EA;
896
+ --button-secondary-ghost-default-border: transparent;
897
+ --button-secondary-ghost-hover-bg: transparent;
898
+ --button-secondary-ghost-hover-fg: #7B80D8;
899
+ --button-secondary-ghost-hover-border: transparent;
900
+ --button-secondary-ghost-pressed-bg: transparent;
901
+ --button-secondary-ghost-pressed-fg: #4C4F8F;
902
+ --button-secondary-ghost-pressed-border: transparent;
903
+ --button-close-solid-default-bg: #E8E2F3;
904
+ --button-close-solid-default-fg: #000000;
905
+ --button-close-solid-default-border: #E8E2F3;
906
+ --button-close-solid-hover-bg: #C4D0DD;
907
+ --button-close-solid-hover-fg: #000000;
908
+ --button-close-solid-hover-border: #C4D0DD;
909
+ --button-close-solid-pressed-bg: #D8E4F2;
910
+ --button-close-solid-pressed-fg: #000000;
911
+ --button-close-solid-pressed-border: #D8E4F2;
912
+ --button-close-outline-default-bg: transparent;
913
+ --button-close-outline-default-fg: #E8E2F3;
914
+ --button-close-outline-default-border: #E8E2F3;
915
+ --button-close-outline-hover-bg: transparent;
916
+ --button-close-outline-hover-fg: #C4D0DD;
917
+ --button-close-outline-hover-border: #C4D0DD;
918
+ --button-close-outline-pressed-bg: transparent;
919
+ --button-close-outline-pressed-fg: #D8E4F2;
920
+ --button-close-outline-pressed-border: #D8E4F2;
921
+ --button-close-ghost-default-bg: transparent;
922
+ --button-close-ghost-default-fg: #E8E2F3;
923
+ --button-close-ghost-default-border: transparent;
924
+ --button-close-ghost-hover-bg: transparent;
925
+ --button-close-ghost-hover-fg: #C4D0DD;
926
+ --button-close-ghost-hover-border: transparent;
927
+ --button-close-ghost-pressed-bg: transparent;
928
+ --button-close-ghost-pressed-fg: #D8E4F2;
929
+ --button-close-ghost-pressed-border: transparent;
930
+ --button-danger-solid-default-bg: #E11D48;
931
+ --button-danger-solid-default-fg: #FFFFFF;
932
+ --button-danger-solid-default-border: #E11D48;
933
+ --button-danger-solid-hover-bg: #DC2626;
934
+ --button-danger-solid-hover-fg: #FFFFFF;
935
+ --button-danger-solid-hover-border: #DC2626;
936
+ --button-danger-solid-pressed-bg: #B91C1C;
937
+ --button-danger-solid-pressed-fg: #FFFFFF;
938
+ --button-danger-solid-pressed-border: #B91C1C;
939
+ --button-danger-outline-default-bg: transparent;
940
+ --button-danger-outline-default-fg: #FB7185;
941
+ --button-danger-outline-default-border: #FB7185;
942
+ --button-danger-outline-hover-bg: transparent;
943
+ --button-danger-outline-hover-fg: #DC2626;
944
+ --button-danger-outline-hover-border: #DC2626;
945
+ --button-danger-outline-pressed-bg: transparent;
946
+ --button-danger-outline-pressed-fg: #B91C1C;
947
+ --button-danger-outline-pressed-border: #B91C1C;
948
+ --button-danger-ghost-default-bg: transparent;
949
+ --button-danger-ghost-default-fg: #FB7185;
950
+ --button-danger-ghost-default-border: transparent;
951
+ --button-danger-ghost-hover-bg: transparent;
952
+ --button-danger-ghost-hover-fg: #DC2626;
953
+ --button-danger-ghost-hover-border: transparent;
954
+ --button-danger-ghost-pressed-bg: transparent;
955
+ --button-danger-ghost-pressed-fg: #B91C1C;
956
+ --button-danger-ghost-pressed-border: transparent;
770
957
  --button-disabled-bg: #29253A;
771
- --button-disabled-fg: #413957;
958
+ --button-disabled-fg: #746F86;
772
959
  --button-disabled-border: #3A334D;
773
- --checkbox-default-bg: #1B1726;
960
+ --checkbox-default-bg: #312C44;
774
961
  --checkbox-default-fg: #FFFFFF;
775
962
  --checkbox-default-border: #746F86;
776
963
  --checkbox-hover-bg: #29253A;
@@ -787,7 +974,7 @@
787
974
  --checkbox-checked-pressed-border: #4936D9;
788
975
  --checkbox-focus-ring: #A78BFA;
789
976
  --checkbox-disabled-bg: #29253A;
790
- --checkbox-disabled-fg: #413957;
977
+ --checkbox-disabled-fg: #746F86;
791
978
  --checkbox-disabled-border: #3A334D;
792
979
  --checkbox-error-border: #FB7185;
793
980
  --checkbox-error-fg: #FB7185;
@@ -803,7 +990,7 @@
803
990
  --dropdown-trigger-focus-border: #A78BFA;
804
991
  --dropdown-trigger-focus-ring: #A78BFA;
805
992
  --dropdown-trigger-disabled-bg: #29253A;
806
- --dropdown-trigger-disabled-fg: #413957;
993
+ --dropdown-trigger-disabled-fg: #746F86;
807
994
  --dropdown-trigger-disabled-border: #3A334D;
808
995
  --dropdown-content-bg: #312C44;
809
996
  --dropdown-content-fg: #F4F1FB;
@@ -817,7 +1004,7 @@
817
1004
  --dropdown-item-active-ring: transparent;
818
1005
  --dropdown-item-focus-ring: #A78BFA;
819
1006
  --dropdown-item-disabled-bg: transparent;
820
- --dropdown-item-disabled-fg: #413957;
1007
+ --dropdown-item-disabled-fg: #746F86;
821
1008
  --dropdown-item-danger-default-fg: #FB7185;
822
1009
  --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
823
1010
  --dropdown-item-danger-hover-fg: #FB7185;
@@ -833,11 +1020,11 @@
833
1020
  --form-field-helper-text-error-fg: #FB7185;
834
1021
  --form-field-helper-text-success-fg: #4ADE80;
835
1022
  --form-field-helper-text-warning-fg: #FFFF99;
836
- --form-field-helper-text-info-fg: #4DA3FF;
1023
+ --form-field-helper-text-info-fg: #3399FF;
837
1024
  --form-field-required-mark-fg: #FB7185;
838
- --form-field-disabled-label-fg: #413957;
839
- --form-field-disabled-description-fg: #413957;
840
- --form-field-disabled-helper-text-fg: #413957;
1025
+ --form-field-disabled-label-fg: #746F86;
1026
+ --form-field-disabled-description-fg: #746F86;
1027
+ --form-field-disabled-helper-text-fg: #746F86;
841
1028
  --input-default-bg: transparent;
842
1029
  --input-default-fg: #F4F1FB;
843
1030
  --input-default-border: #E8E2F3;
@@ -852,9 +1039,9 @@
852
1039
  --input-focus-ring: #A78BFA;
853
1040
  --input-focus-placeholder: #413957;
854
1041
  --input-disabled-bg: #29253A;
855
- --input-disabled-fg: #413957;
1042
+ --input-disabled-fg: #746F86;
856
1043
  --input-disabled-border: #3A334D;
857
- --input-disabled-placeholder: #413957;
1044
+ --input-disabled-placeholder: #746F86;
858
1045
  --input-error-border: #FF8A8A;
859
1046
  --input-error-ring: #FB7185;
860
1047
  --input-success-border: #22C55E;
@@ -867,7 +1054,7 @@
867
1054
  --menu-item-active-fg: #F4F1FB;
868
1055
  --menu-item-focus-ring: transparent;
869
1056
  --menu-item-disabled-bg: #29253A;
870
- --menu-item-disabled-fg: #413957;
1057
+ --menu-item-disabled-fg: #746F86;
871
1058
  --menu-item-danger-default-fg: #FB7185;
872
1059
  --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
873
1060
  --menu-item-danger-hover-fg: #FB7185;
@@ -889,8 +1076,8 @@
889
1076
  --modal-close-button-hover-bg: #29253A;
890
1077
  --modal-close-button-hover-fg: #F4F1FB;
891
1078
  --modal-close-button-disabled-bg: transparent;
892
- --modal-close-button-disabled-fg: #413957;
893
- --radio-default-bg: #1B1726;
1079
+ --modal-close-button-disabled-fg: #746F86;
1080
+ --radio-default-bg: #312C44;
894
1081
  --radio-default-fg: #F4F1FB;
895
1082
  --radio-default-border: #746F86;
896
1083
  --radio-hover-bg: #29253A;
@@ -907,9 +1094,9 @@
907
1094
  --radio-checked-pressed-border: #4936D9;
908
1095
  --radio-focus-ring: #A78BFA;
909
1096
  --radio-disabled-bg: #29253A;
910
- --radio-disabled-fg: #413957;
1097
+ --radio-disabled-fg: #746F86;
911
1098
  --radio-disabled-border: #3A334D;
912
- --select-trigger-default-bg: #1B1726;
1099
+ --select-trigger-default-bg: transparent;
913
1100
  --select-trigger-default-fg: #FFFFFF;
914
1101
  --select-trigger-default-border: #746F86;
915
1102
  --select-trigger-hover-bg: #29253A;
@@ -920,7 +1107,7 @@
920
1107
  --select-trigger-focus-border: #A78BFA;
921
1108
  --select-trigger-focus-ring: #A78BFA;
922
1109
  --select-trigger-disabled-bg: #29253A;
923
- --select-trigger-disabled-fg: #413957;
1110
+ --select-trigger-disabled-fg: #746F86;
924
1111
  --select-trigger-disabled-border: #3A334D;
925
1112
  --select-trigger-placeholder-fg: #A8A1BA;
926
1113
  --select-trigger-error-border: #FB7185;
@@ -939,7 +1126,7 @@
939
1126
  --select-option-selected-bg: #5B4BEA;
940
1127
  --select-option-selected-fg: #FFFFFF;
941
1128
  --select-option-disabled-bg: transparent;
942
- --select-option-disabled-fg: #413957;
1129
+ --select-option-disabled-fg: #746F86;
943
1130
  --select-option-disabled-border: #3A334D;
944
1131
  --tabs-list-border: #3A334D;
945
1132
  --tabs-trigger-default-bg: transparent;
@@ -953,7 +1140,7 @@
953
1140
  --tabs-trigger-active-border: #6D5BD0;
954
1141
  --tabs-trigger-focus-ring: #413957;
955
1142
  --tabs-trigger-disabled-bg: transparent;
956
- --tabs-trigger-disabled-fg: #413957;
1143
+ --tabs-trigger-disabled-fg: #746F86;
957
1144
  --tabs-trigger-disabled-border: transparent;
958
1145
  --tabs-pills-default-bg: transparent;
959
1146
  --tabs-pills-default-fg: #F4F1FB;
@@ -965,7 +1152,7 @@
965
1152
  --tabs-pills-active-fg: #FFFFFF;
966
1153
  --tabs-pills-active-border: #7C6CF2;
967
1154
  --tabs-pills-disabled-bg: transparent;
968
- --tabs-pills-disabled-fg: #413957;
1155
+ --tabs-pills-disabled-fg: #746F86;
969
1156
  --tabs-pills-disabled-border: transparent;
970
1157
  --tabs-indicator-default-bg: #A78BFA;
971
1158
  --tabs-indicator-hover-bg: #5B4BEA;
@@ -996,11 +1183,11 @@
996
1183
  --color-secondary-300: #9EA2EA;
997
1184
  --color-secondary-400: #7B80D8;
998
1185
  --color-secondary-500: #4C4F8F;
999
- --color-secondary-600: #5F64B8;
1000
- --color-secondary-700: #555AA8;
1001
- --color-secondary-800: #494F95;
1002
- --color-secondary-900: #42477C;
1003
- --color-secondary-950: #373B68;
1186
+ --color-secondary-600: #3c2d9e;
1187
+ --color-secondary-700: #2e156e;
1188
+ --color-secondary-800: #2f106c;
1189
+ --color-secondary-900: #190947;
1190
+ --color-secondary-950: #160537;
1004
1191
  --color-vellira-25: #FDFCFF;
1005
1192
  --color-vellira-50: #FAF8FF;
1006
1193
  --color-vellira-100: #F4F1FB;
@@ -1017,13 +1204,15 @@
1017
1204
  --color-vellira-950: #1B1726;
1018
1205
  --color-info-50: #F0F9FF;
1019
1206
  --color-info-100: #EFF6FF;
1020
- --color-info-200: #DBEAFE;
1021
- --color-info-300: #93C5FD;
1022
- --color-info-400: #4DA3FF;
1023
- --color-info-500: #7BBCFF;
1024
- --color-info-600: #3399FF;
1025
- --color-info-700: #0EA5E9;
1026
- --color-info-800: #0284C7;
1207
+ --color-info-150: #DBEAFE;
1208
+ --color-info-200: #93C5FD;
1209
+ --color-info-250: #4DA3FF;
1210
+ --color-info-300: #7BBCFF;
1211
+ --color-info-400: #3399FF;
1212
+ --color-info-500: #0EA5E9;
1213
+ --color-info-600: #0284C7;
1214
+ --color-info-700: #0265c7;
1215
+ --color-info-800: #023ac7;
1027
1216
  --color-info-900: #002B55;
1028
1217
  --color-info-950: #102A43;
1029
1218
  --color-success-50: #ECFDF5;
@@ -1092,12 +1281,12 @@
1092
1281
  --color-mono-800: #1A1A1A;
1093
1282
  --color-mono-900: #0F0F0F;
1094
1283
  --color-mono-950: #000000;
1095
- --action-primary-default-bg: #7C6CF2;
1284
+ --action-primary-default-bg: #6D5BD0;
1096
1285
  --action-primary-default-fg: #FFFFFF;
1097
- --action-primary-default-border: #7C6CF2;
1098
- --action-primary-hover-bg: #6D5BD0;
1286
+ --action-primary-default-border: #6D5BD0;
1287
+ --action-primary-hover-bg: #5B4BEA;
1099
1288
  --action-primary-hover-fg: #FFFFFF;
1100
- --action-primary-hover-border: #6D5BD0;
1289
+ --action-primary-hover-border: #5B4BEA;
1101
1290
  --action-primary-active-bg: #6D5BD0;
1102
1291
  --action-primary-active-fg: #FFFFFF;
1103
1292
  --action-primary-active-border: #6D5BD0;
@@ -1107,23 +1296,32 @@
1107
1296
  --action-primary-subtle-bg: #111827;
1108
1297
  --action-primary-subtle-fg: #000000;
1109
1298
  --action-primary-subtle-border: #7C6CF2;
1110
- --action-secondary-default-bg: #FFFFFF;
1111
- --action-secondary-default-fg: #000000;
1112
- --action-secondary-default-border: #FFFFFF;
1113
- --action-secondary-hover-bg: #E5E7EB;
1114
- --action-secondary-hover-fg: #000000;
1115
- --action-secondary-hover-border: #E5E7EB;
1116
- --action-secondary-active-bg: #9CA3AF;
1117
- --action-secondary-active-fg: #000000;
1118
- --action-secondary-active-border: #9CA3AF;
1119
- --action-danger-default-bg: #FB7185;
1120
- --action-danger-default-fg: #000000;
1121
- --action-danger-default-border: #FB7185;
1122
- --action-danger-hover-bg: #FF8A8A;
1123
- --action-danger-hover-fg: #000000;
1124
- --action-danger-hover-border: #FF8A8A;
1299
+ --action-secondary-default-bg: #0265c7;
1300
+ --action-secondary-default-fg: #FFFFFF;
1301
+ --action-secondary-default-border: #0265c7;
1302
+ --action-secondary-hover-bg: #023ac7;
1303
+ --action-secondary-hover-fg: #FFFFFF;
1304
+ --action-secondary-hover-border: #023ac7;
1305
+ --action-secondary-active-bg: #0265c7;
1306
+ --action-secondary-active-fg: #FFFFFF;
1307
+ --action-secondary-active-border: #0265c7;
1308
+ --action-close-default-bg: #FFFFFF;
1309
+ --action-close-default-fg: #000000;
1310
+ --action-close-default-border: #FFFFFF;
1311
+ --action-close-hover-bg: #D1D5DB;
1312
+ --action-close-hover-fg: #000000;
1313
+ --action-close-hover-border: #D1D5DB;
1314
+ --action-close-active-bg: #9CA3AF;
1315
+ --action-close-active-fg: #000000;
1316
+ --action-close-active-border: #9CA3AF;
1317
+ --action-danger-default-bg: #E11D48;
1318
+ --action-danger-default-fg: #FFFFFF;
1319
+ --action-danger-default-border: #E11D48;
1320
+ --action-danger-hover-bg: #F43F5E;
1321
+ --action-danger-hover-fg: #FFFFFF;
1322
+ --action-danger-hover-border: #F43F5E;
1125
1323
  --action-danger-active-bg: #B91C1C;
1126
- --action-danger-active-fg: #000000;
1324
+ --action-danger-active-fg: #FFFFFF;
1127
1325
  --action-danger-active-border: #B91C1C;
1128
1326
  --action-danger-subtle-bg: #111827;
1129
1327
  --action-danger-subtle-fg: #FF8A8A;
@@ -1145,9 +1343,9 @@
1145
1343
  --control-selected-default-bg: #7C6CF2;
1146
1344
  --control-selected-default-fg: #FFFFFF;
1147
1345
  --control-selected-default-border: #7C6CF2;
1148
- --control-selected-hover-bg: #7BBCFF;
1346
+ --control-selected-hover-bg: #0EA5E9;
1149
1347
  --control-selected-hover-fg: #000000;
1150
- --control-selected-hover-border: #7BBCFF;
1348
+ --control-selected-hover-border: #0EA5E9;
1151
1349
  --control-selected-active-bg: #4936D9;
1152
1350
  --control-selected-active-fg: #000000;
1153
1351
  --control-selected-active-border: #4936D9;
@@ -1183,7 +1381,7 @@
1183
1381
  --navigation-item-active-fg: #FFFFFF;
1184
1382
  --navigation-border: #E5E7EB;
1185
1383
  --skeleton-base: #111827;
1186
- --skeleton-highlight: #4DA3FF;
1384
+ --skeleton-highlight: #3399FF;
1187
1385
  --status-success-fg: #9AFFB8;
1188
1386
  --status-success-bg: #111827;
1189
1387
  --status-success-border: #9AFFB8;
@@ -1196,14 +1394,15 @@
1196
1394
  --status-warning-bg: #111827;
1197
1395
  --status-warning-border: #FFFF00;
1198
1396
  --status-warning-strong: #FFFF00;
1199
- --status-info-fg: #4DA3FF;
1397
+ --status-info-fg: #3399FF;
1200
1398
  --status-info-bg: #111827;
1201
- --status-info-border: #4DA3FF;
1202
- --status-info-strong: #4DA3FF;
1399
+ --status-info-border: #3399FF;
1400
+ --status-info-strong: #3399FF;
1203
1401
  --surface-default: #000000;
1204
1402
  --surface-muted: #111827;
1205
1403
  --surface-subtle: #1F2937;
1206
1404
  --surface-elevated: #374151;
1405
+ --surface-pressed: #111827;
1207
1406
  --surface-hover: #1F2937;
1208
1407
  --surface-active: #111827;
1209
1408
  --surface-inverse: #FFFFFF;
@@ -1215,36 +1414,117 @@
1215
1414
  --text-inverse: #000000;
1216
1415
  --text-on-inverse: #000000;
1217
1416
  --text-brand: #A78BFA;
1218
- --button-primary-default-bg: #7C6CF2;
1219
- --button-primary-default-fg: #FFFFFF;
1220
- --button-primary-default-border: #7C6CF2;
1221
- --button-primary-hover-bg: #6D5BD0;
1222
- --button-primary-hover-fg: #FFFFFF;
1223
- --button-primary-hover-border: #6D5BD0;
1224
- --button-primary-pressed-bg: #6D5BD0;
1225
- --button-primary-pressed-fg: #FFFFFF;
1226
- --button-primary-pressed-border: #6D5BD0;
1227
- --button-secondary-default-bg: #FFFFFF;
1228
- --button-secondary-default-fg: #000000;
1229
- --button-secondary-default-border: #FFFFFF;
1230
- --button-secondary-hover-bg: #E5E7EB;
1231
- --button-secondary-hover-fg: #000000;
1232
- --button-secondary-hover-border: #E5E7EB;
1233
- --button-secondary-pressed-bg: #9CA3AF;
1234
- --button-secondary-pressed-fg: #000000;
1235
- --button-secondary-pressed-border: #9CA3AF;
1236
- --button-danger-default-bg: #FB7185;
1237
- --button-danger-default-fg: #000000;
1238
- --button-danger-default-border: #FB7185;
1239
- --button-danger-hover-bg: #FF8A8A;
1240
- --button-danger-hover-fg: #000000;
1241
- --button-danger-hover-border: #FF8A8A;
1242
- --button-danger-pressed-bg: #B91C1C;
1243
- --button-danger-pressed-fg: #000000;
1244
- --button-danger-pressed-border: #B91C1C;
1417
+ --button-primary-solid-default-bg: #6D5BD0;
1418
+ --button-primary-solid-default-fg: #FFFFFF;
1419
+ --button-primary-solid-default-border: #6D5BD0;
1420
+ --button-primary-solid-hover-bg: #5B4BEA;
1421
+ --button-primary-solid-hover-fg: #FFFFFF;
1422
+ --button-primary-solid-hover-border: #5B4BEA;
1423
+ --button-primary-solid-pressed-bg: #6D5BD0;
1424
+ --button-primary-solid-pressed-fg: #FFFFFF;
1425
+ --button-primary-solid-pressed-border: #6D5BD0;
1426
+ --button-primary-outline-default-bg: transparent;
1427
+ --button-primary-outline-default-fg: #6D5BD0;
1428
+ --button-primary-outline-default-border: #6D5BD0;
1429
+ --button-primary-outline-hover-bg: #111827;
1430
+ --button-primary-outline-hover-fg: #5B4BEA;
1431
+ --button-primary-outline-hover-border: #5B4BEA;
1432
+ --button-primary-outline-pressed-bg: #111827;
1433
+ --button-primary-outline-pressed-fg: #6D5BD0;
1434
+ --button-primary-outline-pressed-border: #6D5BD0;
1435
+ --button-primary-ghost-default-bg: transparent;
1436
+ --button-primary-ghost-default-fg: #6D5BD0;
1437
+ --button-primary-ghost-default-border: transparent;
1438
+ --button-primary-ghost-hover-bg: #111827;
1439
+ --button-primary-ghost-hover-fg: #5B4BEA;
1440
+ --button-primary-ghost-hover-border: transparent;
1441
+ --button-primary-ghost-pressed-bg: #111827;
1442
+ --button-primary-ghost-pressed-fg: #6D5BD0;
1443
+ --button-primary-ghost-pressed-border: transparent;
1444
+ --button-secondary-solid-default-bg: #0265c7;
1445
+ --button-secondary-solid-default-fg: #FFFFFF;
1446
+ --button-secondary-solid-default-border: #0265c7;
1447
+ --button-secondary-solid-hover-bg: #023ac7;
1448
+ --button-secondary-solid-hover-fg: #FFFFFF;
1449
+ --button-secondary-solid-hover-border: #023ac7;
1450
+ --button-secondary-solid-pressed-bg: #0265c7;
1451
+ --button-secondary-solid-pressed-fg: #FFFFFF;
1452
+ --button-secondary-solid-pressed-border: #0265c7;
1453
+ --button-secondary-outline-default-bg: transparent;
1454
+ --button-secondary-outline-default-fg: #0265c7;
1455
+ --button-secondary-outline-default-border: #0265c7;
1456
+ --button-secondary-outline-hover-bg: #1F2937;
1457
+ --button-secondary-outline-hover-fg: #023ac7;
1458
+ --button-secondary-outline-hover-border: #023ac7;
1459
+ --button-secondary-outline-pressed-bg: #111827;
1460
+ --button-secondary-outline-pressed-fg: #0265c7;
1461
+ --button-secondary-outline-pressed-border: #0265c7;
1462
+ --button-secondary-ghost-default-bg: transparent;
1463
+ --button-secondary-ghost-default-fg: #0265c7;
1464
+ --button-secondary-ghost-default-border: transparent;
1465
+ --button-secondary-ghost-hover-bg: #1F2937;
1466
+ --button-secondary-ghost-hover-fg: #023ac7;
1467
+ --button-secondary-ghost-hover-border: transparent;
1468
+ --button-secondary-ghost-pressed-bg: #111827;
1469
+ --button-secondary-ghost-pressed-fg: #0265c7;
1470
+ --button-secondary-ghost-pressed-border: transparent;
1471
+ --button-close-solid-default-bg: #FFFFFF;
1472
+ --button-close-solid-default-fg: #000000;
1473
+ --button-close-solid-default-border: #FFFFFF;
1474
+ --button-close-solid-hover-bg: #D1D5DB;
1475
+ --button-close-solid-hover-fg: #000000;
1476
+ --button-close-solid-hover-border: #D1D5DB;
1477
+ --button-close-solid-pressed-bg: #9CA3AF;
1478
+ --button-close-solid-pressed-fg: #000000;
1479
+ --button-close-solid-pressed-border: #9CA3AF;
1480
+ --button-close-outline-default-bg: transparent;
1481
+ --button-close-outline-default-fg: #FFFFFF;
1482
+ --button-close-outline-default-border: #FFFFFF;
1483
+ --button-close-outline-hover-bg: #1F2937;
1484
+ --button-close-outline-hover-fg: #D1D5DB;
1485
+ --button-close-outline-hover-border: #D1D5DB;
1486
+ --button-close-outline-pressed-bg: #111827;
1487
+ --button-close-outline-pressed-fg: #9CA3AF;
1488
+ --button-close-outline-pressed-border: #9CA3AF;
1489
+ --button-close-ghost-default-bg: transparent;
1490
+ --button-close-ghost-default-fg: #FFFFFF;
1491
+ --button-close-ghost-default-border: transparent;
1492
+ --button-close-ghost-hover-bg: #1F2937;
1493
+ --button-close-ghost-hover-fg: #D1D5DB;
1494
+ --button-close-ghost-hover-border: transparent;
1495
+ --button-close-ghost-pressed-bg: #111827;
1496
+ --button-close-ghost-pressed-fg: #9CA3AF;
1497
+ --button-close-ghost-pressed-border: transparent;
1498
+ --button-danger-solid-default-bg: #E11D48;
1499
+ --button-danger-solid-default-fg: #FFFFFF;
1500
+ --button-danger-solid-default-border: #E11D48;
1501
+ --button-danger-solid-hover-bg: #F43F5E;
1502
+ --button-danger-solid-hover-fg: #FFFFFF;
1503
+ --button-danger-solid-hover-border: #F43F5E;
1504
+ --button-danger-solid-pressed-bg: #B91C1C;
1505
+ --button-danger-solid-pressed-fg: #FFFFFF;
1506
+ --button-danger-solid-pressed-border: #B91C1C;
1507
+ --button-danger-outline-default-bg: transparent;
1508
+ --button-danger-outline-default-fg: #E11D48;
1509
+ --button-danger-outline-default-border: #E11D48;
1510
+ --button-danger-outline-hover-bg: #111827;
1511
+ --button-danger-outline-hover-fg: #F43F5E;
1512
+ --button-danger-outline-hover-border: #F43F5E;
1513
+ --button-danger-outline-pressed-bg: #111827;
1514
+ --button-danger-outline-pressed-fg: #B91C1C;
1515
+ --button-danger-outline-pressed-border: #B91C1C;
1516
+ --button-danger-ghost-default-bg: transparent;
1517
+ --button-danger-ghost-default-fg: #E11D48;
1518
+ --button-danger-ghost-default-border: transparent;
1519
+ --button-danger-ghost-hover-bg: #111827;
1520
+ --button-danger-ghost-hover-fg: #F43F5E;
1521
+ --button-danger-ghost-hover-border: transparent;
1522
+ --button-danger-ghost-pressed-bg: #111827;
1523
+ --button-danger-ghost-pressed-fg: #B91C1C;
1524
+ --button-danger-ghost-pressed-border: transparent;
1245
1525
  --button-disabled-bg: #1F2937;
1246
1526
  --button-disabled-fg: #6B7280;
1247
- --button-disabled-border: #4B5563;
1527
+ --button-disabled-border: #FFFFFF;
1248
1528
  --checkbox-default-bg: #000000;
1249
1529
  --checkbox-default-fg: #FFFFFF;
1250
1530
  --checkbox-default-border: #4B5563;
@@ -1254,9 +1534,9 @@
1254
1534
  --checkbox-checked-default-bg: #7C6CF2;
1255
1535
  --checkbox-checked-default-fg: #FFFFFF;
1256
1536
  --checkbox-checked-default-border: #7C6CF2;
1257
- --checkbox-checked-hover-bg: #7BBCFF;
1537
+ --checkbox-checked-hover-bg: #0EA5E9;
1258
1538
  --checkbox-checked-hover-fg: #000000;
1259
- --checkbox-checked-hover-border: #7BBCFF;
1539
+ --checkbox-checked-hover-border: #0EA5E9;
1260
1540
  --checkbox-checked-pressed-bg: #4936D9;
1261
1541
  --checkbox-checked-pressed-fg: #000000;
1262
1542
  --checkbox-checked-pressed-border: #4936D9;
@@ -1308,7 +1588,7 @@
1308
1588
  --form-field-helper-text-error-fg: #FF8A8A;
1309
1589
  --form-field-helper-text-success-fg: #9AFFB8;
1310
1590
  --form-field-helper-text-warning-fg: #FFFF00;
1311
- --form-field-helper-text-info-fg: #4DA3FF;
1591
+ --form-field-helper-text-info-fg: #3399FF;
1312
1592
  --form-field-required-mark-fg: #FF8A8A;
1313
1593
  --form-field-disabled-label-fg: #6B7280;
1314
1594
  --form-field-disabled-description-fg: #6B7280;
@@ -1343,7 +1623,7 @@
1343
1623
  --menu-item-focus-ring: #FFFF00;
1344
1624
  --menu-item-disabled-bg: #111827;
1345
1625
  --menu-item-disabled-fg: #6B7280;
1346
- --menu-item-danger-default-fg: #FB7185;
1626
+ --menu-item-danger-default-fg: #E11D48;
1347
1627
  --menu-item-danger-hover-bg: #111827;
1348
1628
  --menu-item-danger-hover-fg: #FF8A8A;
1349
1629
  --menu-item-danger-active-bg: #4C0519;
@@ -1374,9 +1654,9 @@
1374
1654
  --radio-checked-default-bg: #8B7CF6;
1375
1655
  --radio-checked-default-fg: #6D5BD0;
1376
1656
  --radio-checked-default-border: #7C6CF2;
1377
- --radio-checked-hover-bg: #7BBCFF;
1657
+ --radio-checked-hover-bg: #0EA5E9;
1378
1658
  --radio-checked-hover-fg: #FFFFFF;
1379
- --radio-checked-hover-border: #7BBCFF;
1659
+ --radio-checked-hover-border: #0EA5E9;
1380
1660
  --radio-checked-pressed-bg: #4936D9;
1381
1661
  --radio-checked-pressed-fg: #FFFFFF;
1382
1662
  --radio-checked-pressed-border: #4936D9;
@@ -1425,7 +1705,7 @@
1425
1705
  --tabs-trigger-hover-border: #FFFF00;
1426
1706
  --tabs-trigger-active-bg: transparent;
1427
1707
  --tabs-trigger-active-fg: #A78BFA;
1428
- --tabs-trigger-active-border: #7C6CF2;
1708
+ --tabs-trigger-active-border: #6D5BD0;
1429
1709
  --tabs-trigger-focus-ring: #FFFF00;
1430
1710
  --tabs-trigger-disabled-bg: transparent;
1431
1711
  --tabs-trigger-disabled-fg: #6B7280;