@almanaclabs/blaze-ui 0.7.1 → 0.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almanaclabs/blaze-ui",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Shared React components and design tokens for Blaze",
   "type": "module",
   "sideEffects": [

package/recipes/workspace-shell/workspace-shell.tsx

@@ -509,7 +509,7 @@ export function WorkspaceShellRecipe({
       <SidebarProvider
         defaultOpen={defaultSidebarOpen}
         data-sidebar-resizing={isSidebarResizing || undefined}
-        className="workspace-shell-motion h-svh min-h-[720px] overflow-hidden bg-[#f5f5f5]"
+        className="workspace-shell-motion h-svh min-h-[720px] overflow-hidden bg-canvas"
         style={
           {
             '--sidebar-width': `${sidebarWidth}px`,
@@ -575,7 +575,7 @@ export function WorkspaceShellRecipe({
           />
         </Sidebar>
 
-        <SidebarInset className="min-h-0 min-w-0 bg-[#f5f5f5] p-0 md:p-2.5 md:pl-0">
+        <SidebarInset className="min-h-0 min-w-0 bg-canvas p-0 md:p-2.5 md:pl-0">
           <section
             data-slot="workspace-frame"
             data-mode={mode}

package/src/styles/globals.css

@@ -121,7 +121,7 @@
   --icon-stroke-20: 1.5px;
   --icon-stroke-24: 1.5px;
   --icon-stroke-32: 1.5px;
-  --canvas: #f2ede5;
+  --canvas: #fff;
   --background: #fffaf0;
   --foreground: #251613;
   --foreground-secondary: #74635d;
@@ -164,7 +164,7 @@
   --chart-4: oklch(0.371 0 0);
   --chart-5: oklch(0.269 0 0);
   --radius: 0.875rem;
-  --sidebar: #fffaf0;
+  --sidebar: var(--canvas);
   --sidebar-foreground: #251613;
   --sidebar-primary: #c83c31;
   --sidebar-primary-foreground: #fff8e7;
@@ -217,7 +217,7 @@
   --chart-3: oklch(0.439 0 0);
   --chart-4: oklch(0.371 0 0);
   --chart-5: oklch(0.269 0 0);
-  --sidebar: #30201b;
+  --sidebar: var(--canvas);
   --sidebar-foreground: #fffaf0;
   --sidebar-primary: #c83c31;
   --sidebar-primary-foreground: #fff8e7;