@the-portland-company/shell 0.28.0 → 0.28.2

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## 0.28.2 — 2026-07-23
+
+### Fixed — the Chakra theme hardcoded the body font
+
+`politogyTheme.fonts.heading/body` were pinned to the system stack. Chakra's
+global styles beat app CSS, so VRM rendered in `-apple-system` while every app
+on the native chrome rendered the Brand family — and no Brand-editor font change
+could ever reach it. Both now resolve `var(--font-family, …)` (mono resolves
+`--type-mono-family`), with the old stacks as the pre-tokens fallback only.
+
+## 0.28.1 — 2026-07-23
+
+### Fixed — the left bar lost its background (regression in 0.25.0)
+
+`gen:tokens` regenerated `chrome.css` from Specs but the generator never emitted
+**`--nav-surface`** (the sidebar's own surface, which `NavSidebar` reads
+directly) or the hand-authored neutral-black dark chrome ramp — both had been
+edited into the committed file by hand, so regenerating silently dropped them.
+Live result: the left bar computed `background-color: rgba(0,0,0,0)`.
+
+Both are now emitted BY the generator — `--nav-surface` in light, and an
+explicit `#0A0A0A → #161616 → #1F1F1F → #333333` chrome ramp with `#A3A3A3` /
+`#E8E8E8` text in `.dark`, rather than whatever the ShadCN dark triplets happen
+to be. Global-Rules requires dark chrome to be hue-free (R=G=B); deriving it
+from a blue-tinted palette would violate that. Regenerating can no longer lose
+either one.
+
 ## 0.28.0 — 2026-07-23
 
 ### Fixed — DevNotes "Create Task" did nothing

package/dist/chrome.css

@@ -251,6 +251,11 @@
   --muted: var(--topbar-breadcrumb-color);
   --panel: var(--topbar-bg);
   --panel-elevated: var(--surface-1);
+  /* The left bar's own surface. Separate from --panel-elevated (which is
+     also used for raised popovers) so the sidebar can be re-skinned on its
+     own. NavSidebar reads it directly — when it is missing the left bar
+     renders with NO background at all. */
+  --nav-surface: var(--surface-1);
   --line: var(--sidebar-border);
   --shadow-soft: var(--shadow-lg);
 
@@ -298,11 +303,12 @@
   --input: 217.2 32.6% 17.5%;
   --ring: 212.7 26.8% 83.9%;
   --background: hsl(222.2 84% 4.9%);
-  --foreground: hsl(210 40% 98%);
-  --muted: hsl(215 20.2% 65.1%);
-  --panel: hsl(222.2 84% 4.9%);
-  --panel-elevated: hsl(217.2 32.6% 17.5%);
-  --line: hsl(217.2 32.6% 17.5%);
+  --foreground: #E8E8E8;
+  --muted: #A3A3A3;
+  --panel: #161616;
+  --nav-surface: #161616;
+  --panel-elevated: #1F1F1F;
+  --line: #333333;
   --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.5);
   --color-bg: #0A0A0A;
   --color-surface: #161616;

package/dist/index.cjs

@@ -727,10 +727,12 @@ var styles = {
     }
   })
 };
+var SYSTEM_SANS = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif';
+var SYSTEM_MONO = 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
 var fonts = {
-  heading: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif',
-  body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif',
-  mono: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+  heading: `var(--font-family, ${SYSTEM_SANS})`,
+  body: `var(--font-family, ${SYSTEM_SANS})`,
+  mono: `var(--type-mono-family, ${SYSTEM_MONO})`
 };
 var politogyTheme = react.extendTheme({
   config,