@almadar/ui 6.51.2 → 6.52.0

package/themes/atelier.css

@@ -5,8 +5,8 @@
  */
 
 [data-theme="atelier-light"] {
-    --color-primary: #1f51ff;
-    --color-primary-hover: #1a45e0;
+    --color-primary: #1a3db8;
+    --color-primary-hover: #15319a;
     --color-primary-foreground: #fafaf7;
     --color-secondary: #f2f1ec;
     --color-secondary-hover: #e8e7e1;
@@ -22,7 +22,7 @@
     --color-surface: #f2f1ec;
     --color-border: #e5e4de;
     --color-input: #d6d5cf;
-    --color-ring: #1f51ff;
+    --color-ring: #1a3db8;
     --color-table-header: #f2f1ec;
     --color-table-border: #e5e4de;
     --color-table-row-hover: #f6f5f0;
@@ -37,6 +37,7 @@
     --color-warning-foreground: #fafaf7;
     --color-info: #1f51ff;
     --color-info-foreground: #fafaf7;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 12px;
@@ -65,7 +66,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 3px;
-    --focus-ring-color: #1f51ff;
+    --focus-ring-color: #1a3db8;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;
@@ -187,8 +188,8 @@
 }
 
 [data-theme="atelier-dark"] {
-    --color-primary: #5b7fff;
-    --color-primary-hover: #7a96ff;
+    --color-primary: #7088f0;
+    --color-primary-hover: #8a9ff5;
     --color-primary-foreground: #0d0d0d;
     --color-secondary: #1a1a1a;
     --color-secondary-hover: #242424;
@@ -204,7 +205,7 @@
     --color-surface: #1a1a1a;
     --color-border: #262626;
     --color-input: #333333;
-    --color-ring: #5b7fff;
+    --color-ring: #7088f0;
     --color-table-header: #1a1a1a;
     --color-table-border: #262626;
     --color-table-row-hover: #181818;
@@ -219,6 +220,7 @@
     --color-warning-foreground: #0d0d0d;
     --color-info: #5b7fff;
     --color-info-foreground: #0d0d0d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 12px;
@@ -247,7 +249,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 3px;
-    --focus-ring-color: #5b7fff;
+    --focus-ring-color: #7088f0;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;

package/themes/bauhaus.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #111111;
     --color-info: #0f4fa8;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -218,6 +219,7 @@
     --color-warning-foreground: #111111;
     --color-info: #5b96ee;
     --color-info-foreground: #04132b;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;

package/themes/bloomberg-dense.css

@@ -5,8 +5,8 @@
  */
 
 [data-theme="bloomberg-dense-light"] {
-    --color-primary: #0e7490;
-    --color-primary-hover: #155e75;
+    --color-primary: #1e3a6e;
+    --color-primary-hover: #172e58;
     --color-primary-foreground: #ffffff;
     --color-secondary: #eef2f8;
     --color-secondary-hover: #e1e7f0;
@@ -22,7 +22,7 @@
     --color-surface: #eef2f8;
     --color-border: #d6deeb;
     --color-input: #c2cee0;
-    --color-ring: #0e7490;
+    --color-ring: #1e3a6e;
     --color-table-header: #eef2f8;
     --color-table-border: #d6deeb;
     --color-table-row-hover: #eef2f8;
@@ -37,6 +37,7 @@
     --color-warning-foreground: #ffffff;
     --color-info: #0e7490;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -65,7 +66,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
-    --focus-ring-color: #0e7490;
+    --focus-ring-color: #1e3a6e;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;
@@ -187,14 +188,14 @@
 }
 
 [data-theme="bloomberg-dense-dark"] {
-    --color-primary: #22d3ee;
-    --color-primary-hover: #67e8f9;
-    --color-primary-foreground: #06131a;
+    --color-primary: #f5a524;
+    --color-primary-hover: #f7b54a;
+    --color-primary-foreground: #1a1206;
     --color-secondary: #16233d;
     --color-secondary-hover: #1d2d4c;
     --color-secondary-foreground: #d6e0ef;
-    --color-accent: #fbbf24;
-    --color-accent-foreground: #1a1206;
+    --color-accent: #5ab0d8;
+    --color-accent-foreground: #06131a;
     --color-muted: #131f36;
     --color-muted-foreground: #8e9db8;
     --color-background: #0a0f1c;
@@ -204,7 +205,7 @@
     --color-surface: #131f36;
     --color-border: #20304e;
     --color-input: #2d4163;
-    --color-ring: #22d3ee;
+    --color-ring: #f5a524;
     --color-table-header: #131f36;
     --color-table-border: #20304e;
     --color-table-row-hover: #16233d;
@@ -219,6 +220,7 @@
     --color-warning-foreground: #1a1206;
     --color-info: #38bdf8;
     --color-info-foreground: #061318;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -247,7 +249,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
-    --focus-ring-color: #22d3ee;
+    --focus-ring-color: #f5a524;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;

package/themes/blueprint.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #332600;
     --color-info: #1a4a8a;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -220,6 +221,7 @@
     --color-warning-foreground: #332600;
     --color-info: #7fe3ff;
     --color-info-foreground: #0e2f5e;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;

package/themes/clay.css

@@ -31,6 +31,7 @@
     --color-warning-foreground: #3d2a00;
     --color-info: #3f6fd1;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 16px;
     --radius-md: 22px;
@@ -206,6 +207,7 @@
     --color-warning-foreground: #332400;
     --color-info: #9ab8f0;
     --color-info-foreground: #0f1f3d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 16px;
     --radius-md: 22px;

package/themes/comic.css

@@ -8,11 +8,11 @@
     --color-primary: #c2301b;
     --color-primary-hover: #a92814;
     --color-primary-foreground: #fff8e7;
-    --color-secondary: #a9e8d3;
-    --color-secondary-hover: #8fdcc1;
-    --color-secondary-foreground: #0f3d2c;
-    --color-accent: #8f6300;
-    --color-accent-foreground: #fff8e7;
+    --color-secondary: #fde68a;
+    --color-secondary-hover: #fcd95c;
+    --color-secondary-foreground: #1c1c28;
+    --color-accent: #1d5bbf;
+    --color-accent-foreground: #ffffff;
     --color-muted: #f5e9c9;
     --color-muted-foreground: #6b5a34;
     --color-background: #fff8e7;
@@ -37,6 +37,7 @@
     --color-warning-foreground: #2a1a00;
     --color-info: #2f6fed;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 14px;
@@ -190,11 +191,11 @@
     --color-primary: #ff7a5c;
     --color-primary-hover: #ff9174;
     --color-primary-foreground: #180a05;
-    --color-secondary: #6fe3c4;
-    --color-secondary-hover: #8ceccf;
-    --color-secondary-foreground: #062a1e;
-    --color-accent: #ffdd57;
-    --color-accent-foreground: #2a1e00;
+    --color-secondary: #f2c94c;
+    --color-secondary-hover: #f5d570;
+    --color-secondary-foreground: #1c1c28;
+    --color-accent: #7fb0ff;
+    --color-accent-foreground: #0b1530;
     --color-muted: #262a4d;
     --color-muted-foreground: #b7bbe3;
     --color-background: #14162c;
@@ -219,6 +220,7 @@
     --color-warning-foreground: #2a1a00;
     --color-info: #6fa8ff;
     --color-info-foreground: #071b3d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 14px;

package/themes/constructivist.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #111111;
     --color-info: #1a3a6a;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 6px;
@@ -221,6 +222,7 @@
     --color-warning-foreground: #111111;
     --color-info: #7fa6e8;
     --color-info-foreground: #051226;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 6px;

package/themes/corporate.css

@@ -11,7 +11,7 @@
     --color-secondary: #e2e8f0;
     --color-secondary-hover: #cbd5e1;
     --color-secondary-foreground: #1e293b;
-    --color-accent: #0369a1;
+    --color-accent: #a16207;
     --color-accent-foreground: #ffffff;
     --color-muted: #eef1f6;
     --color-muted-foreground: #5b6b80;
@@ -31,6 +31,7 @@
     --color-warning-foreground: #ffffff;
     --color-info: #1d4ed8;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 2px;
@@ -186,7 +187,7 @@
     --color-secondary: #1c2942;
     --color-secondary-hover: #24344f;
     --color-secondary-foreground: #dbe3f0;
-    --color-accent: #7aa5f5;
+    --color-accent: #e0b24a;
     --color-accent-foreground: #0d1526;
     --color-muted: #1a2438;
     --color-muted-foreground: #8b98ad;
@@ -206,6 +207,7 @@
     --color-warning-foreground: #0d1526;
     --color-info: #7aa5f5;
     --color-info-foreground: #0d1526;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 2px;

package/themes/cyberpunk.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #000000;
     --color-info: #0050d0;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -219,6 +220,7 @@
     --color-warning-foreground: #1a1000;
     --color-info: #4dc3ff;
     --color-info-foreground: #001a2e;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;

package/themes/frutiger-aero.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #2a1e00;
     --color-info: #0873b8;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;
@@ -221,6 +222,7 @@
     --color-warning-foreground: #2a1e00;
     --color-info: #5cc4ff;
     --color-info-foreground: #04243a;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;

package/themes/game-adventure.css

@@ -31,6 +31,7 @@
     --color-warning-foreground: #241608;
     --color-info: #b5793a;
     --color-info-foreground: #241608;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 10px;

package/themes/game-rpg.css

@@ -31,6 +31,7 @@
     --color-warning-foreground: #1a1108;
     --color-info: #d99a4e;
     --color-info-foreground: #1a1108;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;

package/themes/game-sci-fi.css

@@ -31,6 +31,7 @@
     --color-warning-foreground: #1a1408;
     --color-info: #3ea6ff;
     --color-info-foreground: #071018;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;

package/themes/game-ui-pack.css

@@ -31,6 +31,7 @@
     --color-warning-foreground: #241a00;
     --color-info: #2ea7e1;
     --color-info-foreground: #06202c;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 12px;

package/themes/gazette.css

@@ -5,8 +5,8 @@
  */
 
 [data-theme="gazette-light"] {
-    --color-primary: #a85436;
-    --color-primary-hover: #8c4329;
+    --color-primary: #1f3a5a;
+    --color-primary-hover: #172c45;
     --color-primary-foreground: #fdfbf6;
     --color-secondary: #5c7a4d;
     --color-secondary-hover: #4f6c41;
@@ -22,7 +22,7 @@
     --color-surface: #f8f3e8;
     --color-border: #e6dccb;
     --color-input: #e6dccb;
-    --color-ring: #a85436;
+    --color-ring: #1f3a5a;
     --color-error: #b3402c;
     --color-error-foreground: #fdfbf6;
     --color-success: #5a7a4b;
@@ -31,6 +31,7 @@
     --color-warning-foreground: #1a1614;
     --color-info: #4a6b8a;
     --color-info-foreground: #fdfbf6;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -58,7 +59,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 3px;
-    --focus-ring-color: #a85436;
+    --focus-ring-color: #1f3a5a;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;
@@ -180,8 +181,8 @@
 }
 
 [data-theme="gazette-dark"] {
-    --color-primary: #c0664a;
-    --color-primary-hover: #d57a5d;
+    --color-primary: #8fb0d0;
+    --color-primary-hover: #a5c0db;
     --color-primary-foreground: #14110d;
     --color-secondary: #8aac76;
     --color-secondary-hover: #9dbf89;
@@ -197,7 +198,7 @@
     --color-surface: #1a1612;
     --color-border: #2e2620;
     --color-input: #2e2620;
-    --color-ring: #c0664a;
+    --color-ring: #8fb0d0;
     --color-error: #d96650;
     --color-error-foreground: #14110d;
     --color-success: #8aac76;
@@ -206,6 +207,7 @@
     --color-warning-foreground: #14110d;
     --color-info: #7a9ec0;
     --color-info-foreground: #14110d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -233,7 +235,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 3px;
-    --focus-ring-color: #c0664a;
+    --focus-ring-color: #8fb0d0;
     --shadow-main: none;
     --shadow-sm: none;
     --shadow-lg: none;

package/themes/glass.css

@@ -5,13 +5,13 @@
  */
 
 [data-theme="glass-light"] {
-    --color-primary: #5b5df0;
-    --color-primary-hover: #4f46e5;
+    --color-primary: #4058d6;
+    --color-primary-hover: #3448b8;
     --color-primary-foreground: #ffffff;
     --color-secondary: rgba(255, 255, 255, 0.55);
     --color-secondary-hover: rgba(255, 255, 255, 0.7);
     --color-secondary-foreground: #3f3d56;
-    --color-accent: #8347f3;
+    --color-accent: #c2417a;
     --color-accent-foreground: #ffffff;
     --color-muted: rgba(255, 255, 255, 0.5);
     --color-muted-foreground: #5d6a7f;
@@ -21,8 +21,8 @@
     --color-card-foreground: #1e2235;
     --color-surface: rgba(255, 255, 255, 0.55);
     --color-border: rgba(255, 255, 255, 0.35);
-    --color-input: rgba(99, 102, 241, 0.25);
-    --color-ring: #6366f1;
+    --color-input: rgba(64, 88, 214, 0.25);
+    --color-ring: #4058d6;
     --color-error: #e11d48;
     --color-error-foreground: #ffffff;
     --color-success: #047857;
@@ -31,6 +31,7 @@
     --color-warning-foreground: #000000;
     --color-info: #0270ae;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -46,7 +47,7 @@
     --font-weight-bold: 650;
     --letter-spacing: -0.005em;
     --line-height: 1.6;
-    --icon-color: #6366f1;
+    --icon-color: #4058d6;
     --transition-fast: 120ms;
     --transition-normal: 300ms;
     --transition-slow: 500ms;
@@ -58,7 +59,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
-    --focus-ring-color: #6366f1;
+    --focus-ring-color: #4058d6;
     --shadow-main: 0 8px 32px rgba(31,38,135,0.14);
     --shadow-sm: 0 4px 16px rgba(31,38,135,0.10);
     --shadow-lg: 0 16px 48px rgba(31,38,135,0.20);
@@ -179,18 +180,18 @@
     --border-style-interactive: solid;
     --surface-backdrop: blur(20px) saturate(1.6);
     --surface-card-image: linear-gradient(135deg, rgba(255,255,255,0.45), rgba(255,255,255,0.05));
-    --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(91,93,240,0.35), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(236,72,153,0.28), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(34,211,238,0.30), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(168,85,247,0.25), transparent 70%);
+    --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(64,88,214,0.22), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(194,65,122,0.14), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(56,160,190,0.16), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(64,88,214,0.12), transparent 70%);
     --surface-page-image-size: 100% 100%;
 }
 
 [data-theme="glass-dark"] {
-    --color-primary: #818cf8;
-    --color-primary-hover: #6b72f5;
+    --color-primary: #8aa0ff;
+    --color-primary-hover: #a0b2ff;
     --color-primary-foreground: #0b1020;
     --color-secondary: rgba(30, 36, 66, 0.55);
     --color-secondary-hover: rgba(38, 45, 80, 0.65);
     --color-secondary-foreground: #e2e5f4;
-    --color-accent: #a78bfa;
+    --color-accent: #f08cb0;
     --color-accent-foreground: #160b2e;
     --color-muted: rgba(30, 36, 66, 0.55);
     --color-muted-foreground: #8f96b8;
@@ -201,7 +202,7 @@
     --color-surface: rgba(30, 36, 66, 0.55);
     --color-border: rgba(255, 255, 255, 0.35);
     --color-input: rgba(255, 255, 255, 0.2);
-    --color-ring: #818cf8;
+    --color-ring: #8aa0ff;
     --color-error: #fb7185;
     --color-error-foreground: #000000;
     --color-success: #34d399;
@@ -210,6 +211,7 @@
     --color-warning-foreground: #000000;
     --color-info: #38bdf8;
     --color-info-foreground: #000000;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -225,7 +227,7 @@
     --font-weight-bold: 650;
     --letter-spacing: -0.005em;
     --line-height: 1.6;
-    --icon-color: #818cf8;
+    --icon-color: #8aa0ff;
     --transition-fast: 120ms;
     --transition-normal: 300ms;
     --transition-slow: 500ms;
@@ -237,7 +239,7 @@
     --active-translate-y: 0;
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
-    --focus-ring-color: #818cf8;
+    --focus-ring-color: #8aa0ff;
     --shadow-main: 0 8px 32px rgba(0,0,0,0.40);
     --shadow-sm: 0 4px 16px rgba(0,0,0,0.30);
     --shadow-lg: 0 16px 48px rgba(0,0,0,0.55);
@@ -358,6 +360,6 @@
     --border-style-interactive: solid;
     --surface-backdrop: blur(20px) saturate(1.6);
     --surface-card-image: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.01));
-    --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(99,102,241,0.40), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(236,72,153,0.28), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(34,211,238,0.25), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(168,85,247,0.30), transparent 70%);
+    --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(138,160,255,0.28), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(240,140,176,0.16), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(56,160,190,0.16), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(138,160,255,0.14), transparent 70%);
     --surface-page-image-size: 100% 100%;
 }

package/themes/gothic.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #2a1410;
     --color-info: #3a3f7a;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -219,6 +220,7 @@
     --color-warning-foreground: #140d04;
     --color-info: #a9a6ff;
     --color-info-foreground: #0f0a12;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;

package/themes/ink-wash.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #1a1200;
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 4px;
@@ -222,6 +223,7 @@
     --color-warning-foreground: #1a1200;
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 4px;

package/themes/kawaii.css

@@ -37,6 +37,7 @@
     --color-warning-foreground: #1a1200;
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
+    --color-scrim: rgba(0, 0, 0, 0.6);
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;
@@ -222,6 +223,7 @@
     --color-warning-foreground: #1a1200;
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
+    --color-scrim: rgba(0, 0, 0, 0.7);
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;