@almadar/ui 6.51.2 → 6.52.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 (121) hide show
  1. package/dist/{Canvas3DHost-CLC_jXh_.d.ts → Canvas3DHost-CWO0tswb.d.ts} +1 -1
  2. package/dist/{FileTree-RKQqRhIM.d.ts → FileTree-DUi7e7Z8.d.ts} +5 -5
  3. package/dist/{GameAudioProvider-BgWLggIy.d.ts → GameAudioProvider-_hPzjqp-.d.ts} +1 -1
  4. package/dist/{NavStackContext-B-XLULCO.d.ts → NavStackContext-04NLdXsY.d.ts} +8 -0
  5. package/dist/Typography-7FRZOS2H.js +5 -0
  6. package/dist/{UISlotContext-DNM8iXna.d.ts → UISlotContext-CS487Uoc.d.ts} +1 -1
  7. package/dist/{UISlotRenderer-7UYHFW4S.js → UISlotRenderer-CR7SCAMR.js} +8 -8
  8. package/dist/avl/index.cjs +3401 -1590
  9. package/dist/avl/index.d.ts +4 -4
  10. package/dist/avl/index.js +26 -23
  11. package/dist/{chunk-6CFYRP4S.js → chunk-2QB2PXOO.js} +1 -3
  12. package/dist/{chunk-R4V7IZQP.js → chunk-5GCI6C7J.js} +2 -2
  13. package/dist/{chunk-BUEIZY54.js → chunk-BHZG4PDZ.js} +420 -422
  14. package/dist/{chunk-MWPX2O4M.js → chunk-CLSLVFSP.js} +3 -16
  15. package/dist/{chunk-GIPZSCND.js → chunk-EERAGPBW.js} +3078 -1832
  16. package/dist/{chunk-OLZ3EEML.js → chunk-G4GMXYMY.js} +109 -15
  17. package/dist/{chunk-HQDKHLFG.js → chunk-IN3BVW2Z.js} +15 -1
  18. package/dist/{chunk-FGHRVJCI.js → chunk-MSBMVG3B.js} +12 -2
  19. package/dist/{chunk-YKHNK5JH.js → chunk-NCNP2RKZ.js} +11 -4
  20. package/dist/{chunk-T7IH5ABO.js → chunk-QWDKMVLX.js} +69 -17
  21. package/dist/{chunk-NTO555KF.js → chunk-TWHYH25Q.js} +136 -15
  22. package/dist/{chunk-GHXWGQTX.js → chunk-V5AGW2JN.js} +1 -1
  23. package/dist/{chunk-L55SAFKL.js → chunk-WB2A6V3I.js} +31 -1
  24. package/dist/{chunk-JXUYEO7U.js → chunk-XUSSAWKL.js} +7 -1
  25. package/dist/{cn-CO-0rolG.d.ts → cn-ClXGlIOY.d.ts} +2 -2
  26. package/dist/components/index.cjs +4933 -3165
  27. package/dist/components/index.d.ts +499 -416
  28. package/dist/components/index.js +11 -11
  29. package/dist/context/index.cjs +12 -4
  30. package/dist/context/index.d.ts +3 -3
  31. package/dist/context/index.js +2 -2
  32. package/dist/hooks/index.cjs +73 -6
  33. package/dist/hooks/index.d.ts +32 -7
  34. package/dist/hooks/index.js +6 -6
  35. package/dist/lib/drawable/three/index.cjs +33 -2
  36. package/dist/lib/drawable/three/index.d.ts +5 -5
  37. package/dist/lib/drawable/three/index.js +7 -7
  38. package/dist/lib/index.cjs +69 -2
  39. package/dist/lib/index.d.ts +29 -6
  40. package/dist/lib/index.js +5 -5
  41. package/dist/locales/index.cjs +93 -3
  42. package/dist/locales/index.js +63 -3
  43. package/dist/{paintDispatch-CMgOyVjS.d.ts → paintDispatch-DHo3WhaU.d.ts} +4 -4
  44. package/dist/providers/index.cjs +3392 -1607
  45. package/dist/providers/index.d.ts +6 -6
  46. package/dist/providers/index.js +55 -16
  47. package/dist/runtime/index.cjs +3417 -1611
  48. package/dist/runtime/index.d.ts +2 -2
  49. package/dist/runtime/index.js +10 -10
  50. package/dist/ssr/index.cjs +306 -141
  51. package/dist/ssr/index.d.cts +32 -44
  52. package/dist/ssr/index.d.ts +32 -44
  53. package/dist/ssr/index.js +249 -84
  54. package/dist/{themeTokens-CN9WCXQc.d.ts → themeTokens-Ccu7EmGY.d.ts} +4 -2
  55. package/dist/{useUISlots-CwUWM1ra.d.ts → useUISlots-1dk2TR4j.d.ts} +1 -9
  56. package/dist/{verificationRegistry-DBHfOR9y.d.ts → verificationRegistry-BYD3cVhS.d.ts} +1 -1
  57. package/locales/ar.json +31 -1
  58. package/locales/en.json +31 -1
  59. package/locales/sl.json +31 -1
  60. package/package.json +12 -9
  61. package/tailwind-preset.cjs +24 -1
  62. package/themes/_base.css +86 -0
  63. package/themes/_contract.md +1 -0
  64. package/themes/almadar-website.css +2 -0
  65. package/themes/almadar.css +2 -0
  66. package/themes/aqua.css +5 -3
  67. package/themes/arabesque.css +9 -7
  68. package/themes/art-deco.css +5 -3
  69. package/themes/art-nouveau.css +4 -0
  70. package/themes/atelier.css +10 -8
  71. package/themes/bauhaus.css +2 -0
  72. package/themes/bloomberg-dense.css +13 -11
  73. package/themes/blueprint.css +2 -0
  74. package/themes/clay.css +2 -0
  75. package/themes/comic.css +12 -10
  76. package/themes/constructivist.css +2 -0
  77. package/themes/corporate.css +4 -2
  78. package/themes/cyberpunk.css +2 -0
  79. package/themes/frutiger-aero.css +2 -0
  80. package/themes/game-adventure.css +1 -0
  81. package/themes/game-rpg.css +1 -0
  82. package/themes/game-sci-fi.css +1 -0
  83. package/themes/game-ui-pack.css +1 -0
  84. package/themes/gazette.css +10 -8
  85. package/themes/glass.css +17 -15
  86. package/themes/gothic.css +2 -0
  87. package/themes/ink-wash.css +2 -0
  88. package/themes/kawaii.css +2 -0
  89. package/themes/kiosk.css +17 -15
  90. package/themes/linear-clean.css +12 -10
  91. package/themes/luxury.css +2 -0
  92. package/themes/mac-classic.css +2 -0
  93. package/themes/material.css +2 -0
  94. package/themes/memphis.css +2 -0
  95. package/themes/mid-century.css +2 -0
  96. package/themes/minimalist.css +2 -0
  97. package/themes/mudcloth.css +2 -0
  98. package/themes/neon.css +2 -0
  99. package/themes/neumorphic.css +2 -0
  100. package/themes/newsprint.css +2 -0
  101. package/themes/notion-editorial.css +12 -10
  102. package/themes/pixel.css +2 -0
  103. package/themes/prism.css +20 -18
  104. package/themes/retro.css +2 -0
  105. package/themes/risograph.css +2 -0
  106. package/themes/scandi.css +2 -0
  107. package/themes/sketch.css +2 -0
  108. package/themes/solarpunk.css +2 -0
  109. package/themes/steampunk.css +2 -0
  110. package/themes/swiss.css +2 -0
  111. package/themes/terminal.css +8 -6
  112. package/themes/trait-wars.css +2 -0
  113. package/themes/ukiyo-e.css +2 -0
  114. package/themes/vaporwave.css +2 -0
  115. package/themes/victorian.css +2 -0
  116. package/themes/wabi-sabi.css +2 -0
  117. package/themes/win95.css +2 -0
  118. package/themes/wireframe.css +2 -0
  119. package/themes/zine.css +2 -0
  120. package/dist/Typography-2Z3JKWHN.js +0 -5
  121. package/dist/{avl-3d-context-MAt_NuU9.d.ts → avl-3d-context-DLteNEwu.d.ts} +3 -3
package/themes/kiosk.css CHANGED
@@ -5,13 +5,13 @@
5
5
  */
6
6
 
7
7
  [data-theme="kiosk-light"] {
8
- --color-primary: #dc2626;
9
- --color-primary-hover: #b91c1c;
8
+ --color-primary: #0b57d0;
9
+ --color-primary-hover: #0946ab;
10
10
  --color-primary-foreground: #ffffff;
11
- --color-secondary: #fff1ef;
12
- --color-secondary-hover: #ffe1dd;
11
+ --color-secondary: #eef2f7;
12
+ --color-secondary-hover: #e1e7f0;
13
13
  --color-secondary-foreground: #1a1a1a;
14
- --color-accent: #0f766e;
14
+ --color-accent: #b45309;
15
15
  --color-accent-foreground: #ffffff;
16
16
  --color-muted: #f5f5f4;
17
17
  --color-muted-foreground: #595959;
@@ -19,10 +19,10 @@
19
19
  --color-foreground: #1a1a1a;
20
20
  --color-card: #ffffff;
21
21
  --color-card-foreground: #1a1a1a;
22
- --color-surface: #fff8f6;
22
+ --color-surface: #f6f8fb;
23
23
  --color-border: #8a8a8a;
24
24
  --color-input: #d4d4d4;
25
- --color-ring: #ff5a4f;
25
+ --color-ring: #0b57d0;
26
26
  --color-error: #b91c1c;
27
27
  --color-error-foreground: #ffffff;
28
28
  --color-success: #15803d;
@@ -31,6 +31,7 @@
31
31
  --color-warning-foreground: #1a1a1a;
32
32
  --color-info: #0369a1;
33
33
  --color-info-foreground: #ffffff;
34
+ --color-scrim: rgba(0, 0, 0, 0.6);
34
35
  --radius-none: 0px;
35
36
  --radius-sm: 14px;
36
37
  --radius-md: 20px;
@@ -58,7 +59,7 @@
58
59
  --active-translate-y: 1px;
59
60
  --focus-ring-width: 3px;
60
61
  --focus-ring-offset: 3px;
61
- --focus-ring-color: #ff5a4f;
62
+ --focus-ring-color: #0b57d0;
62
63
  --intent-heading-major-size: 28px;
63
64
  --intent-heading-major-weight: var(--font-weight-bold);
64
65
  --intent-heading-major-leading: 36px;
@@ -180,14 +181,14 @@
180
181
  }
181
182
 
182
183
  [data-theme="kiosk-dark"] {
183
- --color-primary: #ff6b5e;
184
- --color-primary-hover: #ff8478;
185
- --color-primary-foreground: #1a0606;
184
+ --color-primary: #6ea0ff;
185
+ --color-primary-hover: #8bb3ff;
186
+ --color-primary-foreground: #06142e;
186
187
  --color-secondary: #1c2a44;
187
188
  --color-secondary-hover: #2a3a5c;
188
189
  --color-secondary-foreground: #ffffff;
189
- --color-accent: #2ee0d4;
190
- --color-accent-foreground: #06231f;
190
+ --color-accent: #f5a524;
191
+ --color-accent-foreground: #1a1206;
191
192
  --color-muted: #16243c;
192
193
  --color-muted-foreground: #b8c4d8;
193
194
  --color-background: #0a1428;
@@ -197,7 +198,7 @@
197
198
  --color-surface: #16243c;
198
199
  --color-border: rgba(255, 255, 255, 0.38);
199
200
  --color-input: rgba(255, 255, 255, 0.16);
200
- --color-ring: #ff6b5e;
201
+ --color-ring: #6ea0ff;
201
202
  --color-error: #ff7a7a;
202
203
  --color-error-foreground: #1a0606;
203
204
  --color-success: #4ade80;
@@ -206,6 +207,7 @@
206
207
  --color-warning-foreground: #1a1106;
207
208
  --color-info: #38bdf8;
208
209
  --color-info-foreground: #062235;
210
+ --color-scrim: rgba(0, 0, 0, 0.7);
209
211
  --radius-none: 0px;
210
212
  --radius-sm: 14px;
211
213
  --radius-md: 20px;
@@ -233,7 +235,7 @@
233
235
  --active-translate-y: 1px;
234
236
  --focus-ring-width: 3px;
235
237
  --focus-ring-offset: 3px;
236
- --focus-ring-color: #ff6b5e;
238
+ --focus-ring-color: #6ea0ff;
237
239
  --intent-heading-major-size: 28px;
238
240
  --intent-heading-major-weight: var(--font-weight-bold);
239
241
  --intent-heading-major-leading: 36px;
@@ -5,13 +5,13 @@
5
5
  */
6
6
 
7
7
  [data-theme="linear-clean-light"] {
8
- --color-primary: #0066ff;
9
- --color-primary-hover: #0052cc;
8
+ --color-primary: #5e6ad2;
9
+ --color-primary-hover: #4e59b8;
10
10
  --color-primary-foreground: #ffffff;
11
11
  --color-secondary: #f4f4f2;
12
12
  --color-secondary-hover: #ececea;
13
13
  --color-secondary-foreground: #0a0a0a;
14
- --color-accent: #0066ff;
14
+ --color-accent: #5e6ad2;
15
15
  --color-accent-foreground: #ffffff;
16
16
  --color-muted: #f4f4f2;
17
17
  --color-muted-foreground: #6b6b66;
@@ -22,7 +22,7 @@
22
22
  --color-surface: #f7f7f5;
23
23
  --color-border: #e6e6e2;
24
24
  --color-input: #d8d8d4;
25
- --color-ring: #0066ff;
25
+ --color-ring: #5e6ad2;
26
26
  --color-table-header: #f7f7f5;
27
27
  --color-table-border: #e6e6e2;
28
28
  --color-table-row-hover: #f4f4f2;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #ffffff;
38
38
  --color-info: #0066ff;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 6px;
42
43
  --radius-md: 8px;
@@ -65,7 +66,7 @@
65
66
  --active-translate-y: 0;
66
67
  --focus-ring-width: 2px;
67
68
  --focus-ring-offset: 2px;
68
- --focus-ring-color: #0066ff;
69
+ --focus-ring-color: #5e6ad2;
69
70
  --shadow-main: 0 0 0 1px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.9);
70
71
  --shadow-sm: inset 0 1px 0 rgba(255, 255, 255, 0.9);
71
72
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
@@ -187,13 +188,13 @@
187
188
  }
188
189
 
189
190
  [data-theme="linear-clean-dark"] {
190
- --color-primary: #4d8bff;
191
- --color-primary-hover: #6ea2ff;
191
+ --color-primary: #8b93e8;
192
+ --color-primary-hover: #a1a8ee;
192
193
  --color-primary-foreground: #0a0a0c;
193
194
  --color-secondary: #18181b;
194
195
  --color-secondary-hover: #222226;
195
196
  --color-secondary-foreground: #fafafa;
196
- --color-accent: #4d8bff;
197
+ --color-accent: #8b93e8;
197
198
  --color-accent-foreground: #0a0a0c;
198
199
  --color-muted: #18181b;
199
200
  --color-muted-foreground: #8b8b90;
@@ -204,7 +205,7 @@
204
205
  --color-surface: #18181b;
205
206
  --color-border: #26262b;
206
207
  --color-input: #2e2e34;
207
- --color-ring: #4d8bff;
208
+ --color-ring: #8b93e8;
208
209
  --color-table-header: #18181b;
209
210
  --color-table-border: #26262b;
210
211
  --color-table-row-hover: #161618;
@@ -219,6 +220,7 @@
219
220
  --color-warning-foreground: #0a0a0c;
220
221
  --color-info: #4d8bff;
221
222
  --color-info-foreground: #0a0a0c;
223
+ --color-scrim: rgba(0, 0, 0, 0.7);
222
224
  --radius-none: 0px;
223
225
  --radius-sm: 6px;
224
226
  --radius-md: 8px;
@@ -247,7 +249,7 @@
247
249
  --active-translate-y: 0;
248
250
  --focus-ring-width: 2px;
249
251
  --focus-ring-offset: 2px;
250
- --focus-ring-color: #4d8bff;
252
+ --focus-ring-color: #8b93e8;
251
253
  --shadow-main: inset 0 1px 0 rgba(255, 255, 255, 0.05);
252
254
  --shadow-sm: inset 0 1px 0 rgba(255, 255, 255, 0.05);
253
255
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
package/themes/luxury.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #2a1f05;
38
38
  --color-info: #2b4a6b;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 0px;
42
43
  --radius-md: 0px;
@@ -218,6 +219,7 @@
218
219
  --color-warning-foreground: #0c0b0a;
219
220
  --color-info: #8fb4dc;
220
221
  --color-info-foreground: #0c0b0a;
222
+ --color-scrim: rgba(0, 0, 0, 0.7);
221
223
  --radius-none: 0px;
222
224
  --radius-sm: 0px;
223
225
  --radius-md: 0px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #000000;
38
38
  --color-info: #000000;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 3px;
42
43
  --radius-md: 4px;
@@ -220,6 +221,7 @@
220
221
  --color-warning-foreground: #ffffff;
221
222
  --color-info: #ffffff;
222
223
  --color-info-foreground: #000000;
224
+ --color-scrim: rgba(0, 0, 0, 0.7);
223
225
  --radius-none: 0px;
224
226
  --radius-sm: 3px;
225
227
  --radius-md: 4px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #261900;
38
38
  --color-info: #00639B;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 8px;
42
43
  --radius-md: 12px;
@@ -219,6 +220,7 @@
219
220
  --color-warning-foreground: #422C00;
220
221
  --color-info: #99CBFF;
221
222
  --color-info-foreground: #003355;
223
+ --color-scrim: rgba(0, 0, 0, 0.7);
222
224
  --radius-none: 0px;
223
225
  --radius-sm: 8px;
224
226
  --radius-md: 12px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1000;
38
38
  --color-info: #5a2ee0;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 0px;
42
43
  --radius-md: 0px;
@@ -219,6 +220,7 @@
219
220
  --color-warning-foreground: #1a1000;
220
221
  --color-info: #a48bff;
221
222
  --color-info-foreground: #0f0630;
223
+ --color-scrim: rgba(0, 0, 0, 0.7);
222
224
  --radius-none: 0px;
223
225
  --radius-sm: 0px;
224
226
  --radius-md: 0px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #2a1c00;
38
38
  --color-info: #1f6a8a;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 8px;
42
43
  --radius-md: 14px;
@@ -220,6 +221,7 @@
220
221
  --color-warning-foreground: #2a1c00;
221
222
  --color-info: #7fc4e0;
222
223
  --color-info-foreground: #05222e;
224
+ --color-scrim: rgba(0, 0, 0, 0.7);
223
225
  --radius-none: 0px;
224
226
  --radius-sm: 8px;
225
227
  --radius-md: 14px;
@@ -31,6 +31,7 @@
31
31
  --color-warning-foreground: #000000;
32
32
  --color-info: #2563eb;
33
33
  --color-info-foreground: #ffffff;
34
+ --color-scrim: rgba(0, 0, 0, 0.6);
34
35
  --radius-none: 0px;
35
36
  --radius-sm: 0px;
36
37
  --radius-md: 0px;
@@ -206,6 +207,7 @@
206
207
  --color-warning-foreground: #000000;
207
208
  --color-info: #60a5fa;
208
209
  --color-info-foreground: #000000;
210
+ --color-scrim: rgba(0, 0, 0, 0.7);
209
211
  --radius-none: 0px;
210
212
  --radius-sm: 0px;
211
213
  --radius-md: 0px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1200;
38
38
  --color-info: #1f5fbf;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 0px;
42
43
  --radius-md: 1px;
@@ -222,6 +223,7 @@
222
223
  --color-warning-foreground: #1a1200;
223
224
  --color-info: #8ab4ff;
224
225
  --color-info-foreground: #071b3d;
226
+ --color-scrim: rgba(0, 0, 0, 0.7);
225
227
  --radius-none: 0px;
226
228
  --radius-sm: 0px;
227
229
  --radius-md: 1px;
package/themes/neon.css CHANGED
@@ -31,6 +31,7 @@
31
31
  --color-warning-foreground: #000000;
32
32
  --color-info: #2563eb;
33
33
  --color-info-foreground: #ffffff;
34
+ --color-scrim: rgba(0, 0, 0, 0.6);
34
35
  --radius-none: 0px;
35
36
  --radius-sm: 3px;
36
37
  --radius-md: 6px;
@@ -207,6 +208,7 @@
207
208
  --color-warning-foreground: #000000;
208
209
  --color-info: #38bdf8;
209
210
  --color-info-foreground: #000000;
211
+ --color-scrim: rgba(0, 0, 0, 0.7);
210
212
  --radius-none: 0px;
211
213
  --radius-sm: 3px;
212
214
  --radius-md: 6px;
@@ -37,6 +37,7 @@
37
37
  --color-surface-hover: #d8dde7;
38
38
  --color-border-hover: #4353b8;
39
39
  --color-placeholder: #5f6b7e;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 12px;
42
43
  --radius-md: 16px;
@@ -218,6 +219,7 @@
218
219
  --color-surface-hover: #313647;
219
220
  --color-border-hover: #9aabff;
220
221
  --color-placeholder: #8f98b2;
222
+ --color-scrim: rgba(0, 0, 0, 0.7);
221
223
  --radius-none: 0px;
222
224
  --radius-sm: 12px;
223
225
  --radius-md: 16px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #111111;
38
38
  --color-info: #1f4e8c;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 0px;
42
43
  --radius-md: 0px;
@@ -220,6 +221,7 @@
220
221
  --color-warning-foreground: #1a1915;
221
222
  --color-info: #8fb4f0;
222
223
  --color-info-foreground: #1a1915;
224
+ --color-scrim: rgba(0, 0, 0, 0.7);
223
225
  --radius-none: 0px;
224
226
  --radius-sm: 0px;
225
227
  --radius-md: 0px;
@@ -5,13 +5,13 @@
5
5
  */
6
6
 
7
7
  [data-theme="notion-editorial-light"] {
8
- --color-primary: #c2410c;
9
- --color-primary-hover: #9a3412;
8
+ --color-primary: #1f6fc5;
9
+ --color-primary-hover: #195ca4;
10
10
  --color-primary-foreground: #fefdf9;
11
11
  --color-secondary: #f4f1ea;
12
12
  --color-secondary-hover: #ebe7dc;
13
13
  --color-secondary-foreground: #191919;
14
- --color-accent: #d13f0a;
14
+ --color-accent: #b5462a;
15
15
  --color-accent-foreground: #fefdf9;
16
16
  --color-muted: #f4f1ea;
17
17
  --color-muted-foreground: #6b6660;
@@ -22,7 +22,7 @@
22
22
  --color-surface: #f9f6ef;
23
23
  --color-border: #e8e3d6;
24
24
  --color-input: #d8d2c2;
25
- --color-ring: #ff6b35;
25
+ --color-ring: #1f6fc5;
26
26
  --color-table-header: #f4f1ea;
27
27
  --color-table-border: #e8e3d6;
28
28
  --color-table-row-hover: #f9f6ef;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #fefdf9;
38
38
  --color-info: #1849a9;
39
39
  --color-info-foreground: #fefdf9;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 2px;
42
43
  --radius-md: 4px;
@@ -65,7 +66,7 @@
65
66
  --active-translate-y: 0;
66
67
  --focus-ring-width: 3px;
67
68
  --focus-ring-offset: 2px;
68
- --focus-ring-color: #ff6b35;
69
+ --focus-ring-color: #1f6fc5;
69
70
  --shadow-main: 0 1px 2px rgba(25, 25, 25, 0.06);
70
71
  --shadow-sm: 0 1px 1px rgba(25, 25, 25, 0.05);
71
72
  --shadow-lg: 0 8px 20px rgba(25, 25, 25, 0.12);
@@ -187,13 +188,13 @@
187
188
  }
188
189
 
189
190
  [data-theme="notion-editorial-dark"] {
190
- --color-primary: #ff8557;
191
- --color-primary-hover: #ff9a73;
191
+ --color-primary: #529cca;
192
+ --color-primary-hover: #6aaedb;
192
193
  --color-primary-foreground: #1a1a17;
193
194
  --color-secondary: #26241f;
194
195
  --color-secondary-hover: #2f2d27;
195
196
  --color-secondary-foreground: #f5f1e6;
196
- --color-accent: #ff8557;
197
+ --color-accent: #e07a5f;
197
198
  --color-accent-foreground: #1a1a17;
198
199
  --color-muted: #26241f;
199
200
  --color-muted-foreground: #a39c8f;
@@ -204,7 +205,7 @@
204
205
  --color-surface: #26241f;
205
206
  --color-border: #3a3730;
206
207
  --color-input: #45413a;
207
- --color-ring: #ff8557;
208
+ --color-ring: #529cca;
208
209
  --color-table-header: #26241f;
209
210
  --color-table-border: #3a3730;
210
211
  --color-table-row-hover: #201f1b;
@@ -219,6 +220,7 @@
219
220
  --color-warning-foreground: #1a1a17;
220
221
  --color-info: #84caff;
221
222
  --color-info-foreground: #1a1a17;
223
+ --color-scrim: rgba(0, 0, 0, 0.7);
222
224
  --radius-none: 0px;
223
225
  --radius-sm: 2px;
224
226
  --radius-md: 4px;
@@ -247,7 +249,7 @@
247
249
  --active-translate-y: 0;
248
250
  --focus-ring-width: 3px;
249
251
  --focus-ring-offset: 2px;
250
- --focus-ring-color: #ff8557;
252
+ --focus-ring-color: #529cca;
251
253
  --shadow-main: 0 1px 2px rgba(0, 0, 0, 0.30);
252
254
  --shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.25);
253
255
  --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.45);
package/themes/pixel.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1000;
38
38
  --color-info: #2a5bd6;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 2px;
42
43
  --radius-md: 4px;
@@ -217,6 +218,7 @@
217
218
  --color-warning-foreground: #1a1000;
218
219
  --color-info: #5aa0ff;
219
220
  --color-info-foreground: #00122e;
221
+ --color-scrim: rgba(0, 0, 0, 0.7);
220
222
  --radius-none: 0px;
221
223
  --radius-sm: 2px;
222
224
  --radius-md: 4px;
package/themes/prism.css CHANGED
@@ -5,14 +5,14 @@
5
5
  */
6
6
 
7
7
  [data-theme="prism-light"] {
8
- --color-primary: #7c3aed;
9
- --color-primary-hover: #6d28d9;
8
+ --color-primary: #6d3fd6;
9
+ --color-primary-hover: #5b31bd;
10
10
  --color-primary-foreground: #ffffff;
11
11
  --color-secondary: #f1f5f9;
12
12
  --color-secondary-hover: #e2e8f0;
13
13
  --color-secondary-foreground: #0f172a;
14
- --color-accent: #84cc16;
15
- --color-accent-foreground: #1a2e05;
14
+ --color-accent: #c2410c;
15
+ --color-accent-foreground: #ffffff;
16
16
  --color-muted: #f1f5f9;
17
17
  --color-muted-foreground: #59677c;
18
18
  --color-background: #fafafa;
@@ -22,7 +22,7 @@
22
22
  --color-surface: #f5f5f7;
23
23
  --color-border: #e2e8f0;
24
24
  --color-input: #cbd5e1;
25
- --color-ring: #7c3aed;
25
+ --color-ring: #6d3fd6;
26
26
  --color-error: #dc2626;
27
27
  --color-error-foreground: #ffffff;
28
28
  --color-success: #15803d;
@@ -31,6 +31,7 @@
31
31
  --color-warning-foreground: #ffffff;
32
32
  --color-info: #2563eb;
33
33
  --color-info-foreground: #ffffff;
34
+ --color-scrim: rgba(0, 0, 0, 0.6);
34
35
  --radius-none: 0px;
35
36
  --radius-sm: 6px;
36
37
  --radius-md: 10px;
@@ -52,17 +53,17 @@
52
53
  --active-translate-y: 0;
53
54
  --focus-ring-width: 2px;
54
55
  --focus-ring-offset: 2px;
55
- --focus-ring-color: #7c3aed;
56
+ --focus-ring-color: #6d3fd6;
56
57
  --font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
57
58
  --letter-spacing: -0.01em;
58
59
  --line-height: 1.55;
59
- --shadow-main: 0 6px 20px -4px rgba(124, 58, 237, 0.22), 0 2px 6px rgba(132, 204, 22, 0.10);
60
- --shadow-sm: 0 3px 10px -2px rgba(124, 58, 237, 0.18);
61
- --shadow-lg: 0 16px 40px -8px rgba(124, 58, 237, 0.30), 0 4px 12px rgba(132, 204, 22, 0.12);
62
- --shadow-inner: inset 0 1px 2px rgba(124, 58, 237, 0.10);
60
+ --shadow-main: 0 6px 20px -4px rgba(109, 63, 214, 0.22), 0 2px 6px rgba(194, 65, 12, 0.10);
61
+ --shadow-sm: 0 3px 10px -2px rgba(109, 63, 214, 0.18);
62
+ --shadow-lg: 0 16px 40px -8px rgba(109, 63, 214, 0.30), 0 4px 12px rgba(194, 65, 12, 0.12);
63
+ --shadow-inner: inset 0 1px 2px rgba(109, 63, 214, 0.10);
63
64
  --shadow-none: none;
64
- --shadow-hover: 0 10px 28px -6px rgba(124, 58, 237, 0.34), 0 3px 8px rgba(132, 204, 22, 0.14);
65
- --shadow-active: 0 2px 6px -2px rgba(124, 58, 237, 0.25);
65
+ --shadow-hover: 0 10px 28px -6px rgba(109, 63, 214, 0.34), 0 3px 8px rgba(194, 65, 12, 0.14);
66
+ --shadow-active: 0 2px 6px -2px rgba(109, 63, 214, 0.25);
66
67
  --font-family-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
67
68
  --font-family-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
68
69
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
@@ -106,7 +107,7 @@
106
107
  --corner-shape-pill: superellipse(1.5);
107
108
  --border-style: solid;
108
109
  --border-style-interactive: solid;
109
- --surface-card-image: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(236, 72, 153, 0.05) 50%, rgba(132, 204, 22, 0.08) 100%);
110
+ --surface-card-image: linear-gradient(135deg, rgba(109, 63, 214, 0.08) 0%, rgba(236, 72, 153, 0.05) 50%, rgba(194, 65, 12, 0.06) 100%);
110
111
  }
111
112
 
112
113
  [data-theme="prism-dark"] {
@@ -116,8 +117,8 @@
116
117
  --color-secondary: #1f1d3a;
117
118
  --color-secondary-hover: #2a2748;
118
119
  --color-secondary-foreground: #e2e8f0;
119
- --color-accent: #bef264;
120
- --color-accent-foreground: #1a2e05;
120
+ --color-accent: #fb923c;
121
+ --color-accent-foreground: #1a0e05;
121
122
  --color-muted: #1f1d3a;
122
123
  --color-muted-foreground: #94a3b8;
123
124
  --color-background: #0c0a1a;
@@ -136,6 +137,7 @@
136
137
  --color-warning-foreground: #000000;
137
138
  --color-info: #60a5fa;
138
139
  --color-info-foreground: #000000;
140
+ --color-scrim: rgba(0, 0, 0, 0.7);
139
141
  --radius-none: 0px;
140
142
  --radius-sm: 6px;
141
143
  --radius-md: 10px;
@@ -161,12 +163,12 @@
161
163
  --font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
162
164
  --letter-spacing: -0.01em;
163
165
  --line-height: 1.55;
164
- --shadow-main: 0 6px 20px -4px rgba(167, 139, 250, 0.35), 0 2px 6px rgba(190, 242, 100, 0.10);
166
+ --shadow-main: 0 6px 20px -4px rgba(167, 139, 250, 0.35), 0 2px 6px rgba(251, 146, 60, 0.10);
165
167
  --shadow-sm: 0 3px 10px -2px rgba(167, 139, 250, 0.30);
166
- --shadow-lg: 0 16px 40px -8px rgba(167, 139, 250, 0.45), 0 4px 12px rgba(190, 242, 100, 0.12);
168
+ --shadow-lg: 0 16px 40px -8px rgba(167, 139, 250, 0.45), 0 4px 12px rgba(251, 146, 60, 0.12);
167
169
  --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.35);
168
170
  --shadow-none: none;
169
- --shadow-hover: 0 10px 28px -6px rgba(167, 139, 250, 0.50), 0 3px 8px rgba(190, 242, 100, 0.14);
171
+ --shadow-hover: 0 10px 28px -6px rgba(167, 139, 250, 0.50), 0 3px 8px rgba(251, 146, 60, 0.14);
170
172
  --shadow-active: 0 2px 6px -2px rgba(167, 139, 250, 0.40);
171
173
  --font-family-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
172
174
  --font-family-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
package/themes/retro.css CHANGED
@@ -31,6 +31,7 @@
31
31
  --color-warning-foreground: #000000;
32
32
  --color-info: #0e7490;
33
33
  --color-info-foreground: #ffffff;
34
+ --color-scrim: rgba(0, 0, 0, 0.6);
34
35
  --radius-none: 0px;
35
36
  --radius-sm: 10px;
36
37
  --radius-md: 18px;
@@ -207,6 +208,7 @@
207
208
  --color-warning-foreground: #2a1a00;
208
209
  --color-info: #3ac9d8;
209
210
  --color-info-foreground: #00252b;
211
+ --color-scrim: rgba(0, 0, 0, 0.7);
210
212
  --radius-none: 0px;
211
213
  --radius-sm: 10px;
212
214
  --radius-md: 18px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1630;
38
38
  --color-info: #0078bf;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 2px;
42
43
  --radius-md: 3px;
@@ -219,6 +220,7 @@
219
220
  --color-warning-foreground: #1a1630;
220
221
  --color-info: #6fbfff;
221
222
  --color-info-foreground: #071b3d;
223
+ --color-scrim: rgba(0, 0, 0, 0.7);
222
224
  --radius-none: 0px;
223
225
  --radius-sm: 2px;
224
226
  --radius-md: 3px;
package/themes/scandi.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1200;
38
38
  --color-info: #1f5fbf;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 4px;
42
43
  --radius-md: 6px;
@@ -222,6 +223,7 @@
222
223
  --color-warning-foreground: #1a1200;
223
224
  --color-info: #8ab4ff;
224
225
  --color-info-foreground: #071b3d;
226
+ --color-scrim: rgba(0, 0, 0, 0.7);
225
227
  --radius-none: 0px;
226
228
  --radius-sm: 4px;
227
229
  --radius-md: 6px;
package/themes/sketch.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #2b2b2b;
38
38
  --color-info: #1a56b0;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 4px 8px 5px 9px / 8px 4px 9px 5px;
42
43
  --radius-md: 15px 225px 15px 255px / 255px 15px 225px 15px;
@@ -220,6 +221,7 @@
220
221
  --color-warning-foreground: #25262b;
221
222
  --color-info: #7fb2ff;
222
223
  --color-info-foreground: #25262b;
224
+ --color-scrim: rgba(0, 0, 0, 0.7);
223
225
  --radius-none: 0px;
224
226
  --radius-sm: 4px 8px 5px 9px / 8px 4px 9px 5px;
225
227
  --radius-md: 15px 225px 15px 255px / 255px 15px 225px 15px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1a1200;
38
38
  --color-info: #1f5fbf;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 10px;
42
43
  --radius-md: 16px;
@@ -222,6 +223,7 @@
222
223
  --color-warning-foreground: #1a1200;
223
224
  --color-info: #8ab4ff;
224
225
  --color-info-foreground: #071b3d;
226
+ --color-scrim: rgba(0, 0, 0, 0.7);
225
227
  --radius-none: 0px;
226
228
  --radius-sm: 10px;
227
229
  --radius-md: 16px;
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #1f1206;
38
38
  --color-info: #275c80;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 2px;
42
43
  --radius-md: 4px;
@@ -218,6 +219,7 @@
218
219
  --color-warning-foreground: #1e130b;
219
220
  --color-info: #7fb6dc;
220
221
  --color-info-foreground: #1e130b;
222
+ --color-scrim: rgba(0, 0, 0, 0.7);
221
223
  --radius-none: 0px;
222
224
  --radius-sm: 2px;
223
225
  --radius-md: 4px;
package/themes/swiss.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --color-warning-foreground: #111111;
38
38
  --color-info: #111111;
39
39
  --color-info-foreground: #ffffff;
40
+ --color-scrim: rgba(0, 0, 0, 0.6);
40
41
  --radius-none: 0px;
41
42
  --radius-sm: 0px;
42
43
  --radius-md: 0px;
@@ -220,6 +221,7 @@
220
221
  --color-warning-foreground: #111111;
221
222
  --color-info: #f5f5f5;
222
223
  --color-info-foreground: #111111;
224
+ --color-scrim: rgba(0, 0, 0, 0.7);
223
225
  --radius-none: 0px;
224
226
  --radius-sm: 0px;
225
227
  --radius-md: 0px;