@kiefer-tek/sophea-design-system 0.15.11 → 0.15.12

package/dist/index.css

@@ -11042,6 +11042,11 @@ html[data-resizing] .sn-AppShell-module__sidebar--9-Zb9 {
      can make the main pane opaque while keeping the rail/sidebar glass — e.g. a
      glass sidebar over an opaque content area. */
   background: var(--shell-main-backdrop, var(--shell-region-glass));
+  /* Optional frosted blur: when the shell card is transparent, the live aurora
+     shows THROUGH a translucent tint — this blurs it (frosted glass) instead of
+     letting it read sharp. Default none (no blur). */
+  -webkit-backdrop-filter: var(--shell-main-backdrop-blur, none);
+  backdrop-filter: var(--shell-main-backdrop-blur, none);
 }
 
 .sn-AppShell-module__mainBackdropImage--bjtQh {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiefer-tek/sophea-design-system",
-  "version": "0.15.11",
+  "version": "0.15.12",
   "description": "Sophea design system: tokens, components, Tailwind preset.",
   "license": "UNLICENSED",
   "type": "module",

package/src/tokens/colors_and_type.css

@@ -602,12 +602,9 @@
     #2e6dad00 100%
   );
   --shell-divider: #5891d01f;
-  /* Light glass — a white frost over the navy aurora (was a dark navy tint)
-     so the shell regions read brighter/airier. Low alpha keeps the dark theme
-     legible (content sits on opaque surfaces, not directly on the glass). */
-  --shell-region-glass: #ffffff24;
+  --shell-region-glass: #141e3473;
   --shell-image-frost: #0a101e4d;
-  --shell-sidebar-bg: #ffffff1a;
+  --shell-sidebar-bg: #070d1a6b;
   --shell-search-bg: #1a25408c;
   --shell-search-bg-open: #1a2540cc;
   --shell-search-kbd-bg: #0a101ecc;
@@ -618,7 +615,7 @@
   --shell-rail-item-hover-bg: rgba(46, 109, 173, 0.1);
   --shell-chrome-hover-bg: rgba(46, 109, 173, 0.14);
 
-  --shell-drawer-glass: #ffffff24; /* light glass — match the shell regions */
+  --shell-drawer-glass: var(--glass-regular-bg);
   /* nous --mask-03 dark: var(--alpha-grey-100-40) → #0006 */
   --shell-drawer-scrim: rgba(0, 0, 0, 0.4);
 }