@floegence/floe-webapp-core 0.39.10 → 0.40.1

package/dist/styles/themes/presets.d.ts

@@ -6,7 +6,7 @@ export interface FloeShellThemeSelection {
     dark?: string;
 }
 export type FloeShellThemeDefaults = Partial<Record<FloeShellThemeMode, string>>;
-type ShellThemeTokenName = '--background' | '--foreground' | '--primary' | '--primary-foreground' | '--secondary' | '--secondary-foreground' | '--muted' | '--muted-foreground' | '--accent' | '--accent-foreground' | '--border' | '--input' | '--ring' | '--chrome-border' | '--top-bar-border' | '--activity-bar-border' | '--bottom-bar-border' | '--terminal-panel-border' | '--card' | '--card-foreground' | '--popover' | '--popover-foreground' | '--success' | '--success-foreground' | '--warning' | '--warning-foreground' | '--error' | '--error-foreground' | '--info' | '--info-foreground' | '--highlight-block-info-accent' | '--highlight-block-warning-accent' | '--highlight-block-success-accent' | '--highlight-block-error-accent' | '--highlight-block-note-accent' | '--highlight-block-tip-accent' | '--sidebar' | '--sidebar-foreground' | '--sidebar-primary' | '--sidebar-primary-foreground' | '--sidebar-accent' | '--sidebar-accent-foreground' | '--sidebar-border' | '--sidebar-ring' | '--activity-bar' | '--activity-bar-foreground' | '--activity-bar-foreground-active' | '--activity-bar-badge' | '--activity-bar-badge-foreground' | '--terminal-background' | '--terminal-foreground' | '--chart-1' | '--chart-2' | '--chart-3' | '--chart-4' | '--chart-5' | '--selection-bg' | '--selection-fg' | '--selection-on-primary-bg' | '--selection-on-primary-fg' | '--selection-code-bg' | '--selection-code-fg';
+type ShellThemeTokenName = '--background' | '--foreground' | '--primary' | '--primary-foreground' | '--secondary' | '--secondary-foreground' | '--muted' | '--muted-foreground' | '--accent' | '--accent-foreground' | '--border' | '--input' | '--ring' | '--chrome-border' | '--top-bar-border' | '--activity-bar-border' | '--bottom-bar-border' | '--terminal-panel-border' | '--card' | '--card-foreground' | '--popover' | '--popover-foreground' | '--success' | '--success-foreground' | '--warning' | '--warning-foreground' | '--error' | '--error-foreground' | '--info' | '--info-foreground' | '--highlight-block-info-accent' | '--highlight-block-warning-accent' | '--highlight-block-success-accent' | '--highlight-block-error-accent' | '--highlight-block-note-accent' | '--highlight-block-tip-accent' | '--sidebar' | '--sidebar-foreground' | '--sidebar-primary' | '--sidebar-primary-foreground' | '--sidebar-accent' | '--sidebar-accent-foreground' | '--sidebar-border' | '--sidebar-ring' | '--activity-bar' | '--activity-bar-foreground' | '--activity-bar-foreground-active' | '--activity-bar-badge' | '--activity-bar-badge-foreground' | '--terminal-background' | '--terminal-foreground' | '--chart-1' | '--chart-2' | '--chart-3' | '--chart-4' | '--chart-5' | '--selection-bg' | '--selection-fg' | '--selection-on-primary-bg' | '--selection-on-primary-fg' | '--selection-code-bg' | '--selection-code-fg' | '--glow';
 export declare const REQUIRED_SHELL_THEME_TOKENS: readonly ShellThemeTokenName[];
 interface ShellThemePaletteDefinition {
     name: string;
@@ -28,6 +28,15 @@ interface ShellThemePaletteDefinition {
     selectionBackground: string;
     selectionForeground: string;
     chart: readonly [string, string, string, string, string];
+    /**
+     * Explicit glow accent color for glow/bloom effects. Optional.
+     *
+     * When omitted, the system auto-assigns based on mode:
+     * - Light mode: `primary` (dark ink reads as a depth accent, not harsh)
+     * - Dark mode: `selectionBackground` (already a theme-tuned saturated accent,
+     *   avoids the white-bloom problem that comes from using a near-white primary)
+     */
+    glow?: string;
     syntax?: {
         comment: string;
         keyword: string;
@@ -73,7 +82,7 @@ export declare const builtInShellThemePresets: readonly [{
         colors: readonly [string, string, string, string, string];
     };
     monaco?: Partial<Record<"light" | "dark", import("./index").FloeMonacoThemeDefinition>>;
-}, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
+}, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
 export declare const BUILT_IN_SHELL_THEME_DEFAULTS: {
     readonly light: "classic-light";
     readonly dark: "classic-dark";

package/dist/styles/themes/presets.js

@@ -61,7 +61,8 @@ const C = [
   "--selection-on-primary-bg",
   "--selection-on-primary-fg",
   "--selection-code-bg",
-  "--selection-code-fg"
+  "--selection-code-fg",
+  "--glow"
 ], l = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
@@ -73,7 +74,7 @@ const C = [
   infoForeground: "#FFFFFF",
   note: "#6847A0",
   tip: "#1E6F73"
-}, b = {
+}, p = {
   success: "#72D39C",
   successForeground: "#07160E",
   warning: "#F0C36A",
@@ -86,7 +87,7 @@ const C = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? l : b, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? l : p, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
   }, [t, d, F, c, g] = r.chart, a = r.syntax ?? {
@@ -159,7 +160,10 @@ function o(r) {
     "--selection-on-primary-bg": n.background,
     "--selection-on-primary-fg": n.foreground,
     "--selection-code-bg": "#58A6FF",
-    "--selection-code-fg": "#08111D"
+    "--selection-code-fg": "#08111D",
+    // Glow: light mode uses primary (dark ink as depth accent); dark mode uses
+    // selectionBackground so we don't inherit a near-white primary as glow source.
+    "--glow": r.glow ?? (r.mode === "light" ? r.primary : r.selectionBackground)
   };
   return {
     name: r.name,
@@ -237,7 +241,7 @@ function o(r) {
     tokens: r.mode === "light" ? { light: u } : { dark: u }
   };
 }
-const B = {
+const b = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
@@ -271,7 +275,7 @@ const B = {
   inheritsBaseTokens: !0,
   semanticTokens: s,
   tokens: void 0
-}, p = {
+}, B = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
@@ -305,8 +309,8 @@ const B = {
   inheritsBaseTokens: !0,
   semanticTokens: m,
   tokens: void 0
-}, k = [
-  B,
+}, E = [
+  b,
   o({
     name: "paper",
     displayName: "Paper",
@@ -562,7 +566,7 @@ const B = {
       constant: "#745500"
     }
   }),
-  p,
+  B,
   o({
     name: "ink",
     displayName: "Ink",
@@ -817,6 +821,66 @@ const B = {
       function: "#00A4EF",
       constant: "#FFCC66"
     }
+  }),
+  o({
+    name: "studio",
+    displayName: "Studio",
+    description: "Deep code workspace: near-black with a crisp cool edge and zero color cast.",
+    mode: "dark",
+    background: "#0E1117",
+    foreground: "#E8ECF3",
+    card: "#161B24",
+    muted: "#1E2430",
+    mutedForeground: "#7A8899",
+    primary: "#E8ECF3",
+    primaryForeground: "#0E1117",
+    border: "#2A3240",
+    input: "#5C6E88",
+    sidebar: "#0B0F15",
+    terminalBackground: "#080C10",
+    terminalForeground: "#D4D8E0",
+    selectionBackground: "#2040A0",
+    selectionForeground: "#FFFFFF",
+    chart: ["#E8ECF3", "#7A8899", "#4E7FC4", "#4CAF80", "#E8A030"],
+    syntax: {
+      comment: "#5A6880",
+      keyword: "#7AB7FF",
+      string: "#A8C97A",
+      number: "#E8A838",
+      type: "#5DB8D8",
+      function: "#82B4D8",
+      constant: "#E88060"
+    }
+  }),
+  o({
+    name: "graphite",
+    displayName: "Graphite",
+    description: "macOS system dark: neutral warm surfaces, system-blue active state, teal and amber chart palette.",
+    mode: "dark",
+    background: "#1C1C1E",
+    foreground: "#F2F2F7",
+    card: "#2C2C2E",
+    muted: "#3A3A3C",
+    mutedForeground: "#AEAEB2",
+    primary: "#0070E0",
+    primaryForeground: "#FFFFFF",
+    border: "#38383A",
+    input: "#888888",
+    sidebar: "#242426",
+    terminalBackground: "#141416",
+    terminalForeground: "#E5E5EA",
+    selectionBackground: "#0070E0",
+    selectionForeground: "#FFFFFF",
+    chart: ["#2DD4D4", "#FF9500", "#007AFF", "#34C759", "#FF453A"],
+    syntax: {
+      comment: "#6C6C70",
+      keyword: "#FF375F",
+      string: "#34C759",
+      number: "#FF9F0A",
+      type: "#32ADE6",
+      function: "#0A84FF",
+      constant: "#BF5AF2"
+    }
   })
 ], D = {
   light: "classic-light",
@@ -826,7 +890,7 @@ function A(r, e) {
   const n = r.mode ?? "both";
   return n === "both" || n === e;
 }
-function E(r, e) {
+function k(r, e) {
   return r.filter((n) => A(n, e));
 }
 function y(r) {
@@ -838,7 +902,7 @@ function y(r) {
   }
 }
 function i(r, e, n, t) {
-  const d = E(r, e);
+  const d = k(r, e);
   return n && d.some((F) => F.name === n) ? n : t && d.some((F) => F.name === t) ? t : d[0]?.name;
 }
 function f(r, e, n = {}) {
@@ -849,14 +913,14 @@ function f(r, e, n = {}) {
     dark: i(e, "dark", c, n.dark)
   };
 }
-y(k);
+y(E);
 export {
   D as BUILT_IN_SHELL_THEME_DEFAULTS,
   C as REQUIRED_SHELL_THEME_TOKENS,
   y as assertUniqueThemePresetNames,
-  k as builtInShellThemePresets,
+  E as builtInShellThemePresets,
   o as createShellThemePreset,
-  E as getShellThemePresetsForMode,
+  k as getShellThemePresetsForMode,
   f as normalizeShellThemeSelection,
   A as presetSupportsMode,
   i as resolveShellThemePresetName

package/dist/styles/tokens.d.ts

@@ -79,7 +79,7 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Secondary";
         readonly variable: "--secondary";
         readonly lightValue: "hsl(36 15% 94%)";
-        readonly darkValue: "hsl(220 25% 14%)";
+        readonly darkValue: "hsl(220 18% 15%)";
         readonly description: "Secondary surface color for lower-emphasis blocks.";
     }, {
         readonly name: "Secondary Foreground";
@@ -91,19 +91,19 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Muted";
         readonly variable: "--muted";
         readonly lightValue: "hsl(36 15% 94%)";
-        readonly darkValue: "hsl(220 25% 14%)";
+        readonly darkValue: "hsl(220 16% 16%)";
         readonly description: "Muted surface color for subtle containers and fills.";
     }, {
         readonly name: "Muted Foreground";
         readonly variable: "--muted-foreground";
         readonly lightValue: "hsl(215 16% 42%)";
-        readonly darkValue: "hsl(215 20% 60%)";
+        readonly darkValue: "hsl(215 16% 56%)";
         readonly description: "Secondary text color for supporting copy.";
     }, {
         readonly name: "Accent";
         readonly variable: "--accent";
-        readonly lightValue: "hsl(34 11% 88%)";
-        readonly darkValue: "hsl(220 25% 16%)";
+        readonly lightValue: "hsl(34 9% 85%)";
+        readonly darkValue: "hsl(220 14% 19%)";
         readonly description: "Accent surface for hover states and light emphasis.";
     }, {
         readonly name: "Accent Foreground";
@@ -119,7 +119,7 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Card";
         readonly variable: "--card";
         readonly lightValue: "hsl(36 100% 99%)";
-        readonly darkValue: "hsl(222 28% 10%)";
+        readonly darkValue: "hsl(220 20% 13%)";
         readonly description: "Card background surface.";
     }, {
         readonly name: "Card Foreground";
@@ -131,7 +131,7 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Popover";
         readonly variable: "--popover";
         readonly lightValue: "hsl(36 100% 99%)";
-        readonly darkValue: "hsl(222 28% 10%)";
+        readonly darkValue: "hsl(220 18% 15%)";
         readonly description: "Popover and floating panel background.";
     }, {
         readonly name: "Popover Foreground";
@@ -143,13 +143,13 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Border";
         readonly variable: "--border";
         readonly lightValue: "hsl(35 13% 82%)";
-        readonly darkValue: "hsl(220 20% 18%)";
+        readonly darkValue: "hsl(220 16% 20%)";
         readonly description: "Default border color.";
     }, {
         readonly name: "Input";
         readonly variable: "--input";
         readonly lightValue: "hsl(37 15% 76%)";
-        readonly darkValue: "hsl(220 25% 14%)";
+        readonly darkValue: "hsl(220 18% 15%)";
         readonly description: "Input border color.";
     }, {
         readonly name: "Ring";
@@ -257,7 +257,7 @@ export declare const floeColorTokenCategories: readonly [{
         readonly name: "Chrome Border";
         readonly variable: "--chrome-border";
         readonly lightValue: "hsl(33 11% 84%)";
-        readonly darkValue: "var(--border)";
+        readonly darkValue: "hsl(220 16% 13%)";
         readonly description: "Default shared shell divider color.";
     }, {
         readonly name: "Top Bar Border";
@@ -290,8 +290,8 @@ export declare const floeColorTokenCategories: readonly [{
     readonly tokens: readonly [{
         readonly name: "Sidebar";
         readonly variable: "--sidebar";
-        readonly lightValue: "hsl(36 13% 92%)";
-        readonly darkValue: "hsl(222 28% 10%)";
+        readonly lightValue: "hsl(34 13% 90%)";
+        readonly darkValue: "hsl(221 22% 11%)";
         readonly description: "Sidebar background.";
     }, {
         readonly name: "Sidebar Foreground";
@@ -314,8 +314,8 @@ export declare const floeColorTokenCategories: readonly [{
     }, {
         readonly name: "Sidebar Accent";
         readonly variable: "--sidebar-accent";
-        readonly lightValue: "hsl(34 11% 88%)";
-        readonly darkValue: "hsl(220 25% 16%)";
+        readonly lightValue: "hsl(34 9% 84%)";
+        readonly darkValue: "hsl(220 14% 19%)";
         readonly description: "Accent surface used for sidebar hover and active states.";
     }, {
         readonly name: "Sidebar Accent Foreground";
@@ -326,8 +326,8 @@ export declare const floeColorTokenCategories: readonly [{
     }, {
         readonly name: "Sidebar Border";
         readonly variable: "--sidebar-border";
-        readonly lightValue: "hsl(33 11% 84%)";
-        readonly darkValue: "hsl(220 20% 18%)";
+        readonly lightValue: "hsl(33 9% 82%)";
+        readonly darkValue: "hsl(220 16% 13%)";
         readonly description: "Sidebar inner border color.";
     }, {
         readonly name: "Sidebar Ring";
@@ -342,20 +342,20 @@ export declare const floeColorTokenCategories: readonly [{
     readonly tokens: readonly [{
         readonly name: "Activity Bar";
         readonly variable: "--activity-bar";
-        readonly lightValue: "hsl(36 13% 92%)";
-        readonly darkValue: "hsl(222 30% 9%)";
+        readonly lightValue: "hsl(34 11% 90%)";
+        readonly darkValue: "hsl(222 28% 7%)";
         readonly description: "Activity bar background.";
     }, {
         readonly name: "Activity Bar Foreground";
         readonly variable: "--activity-bar-foreground";
-        readonly lightValue: "hsl(215 16% 42%)";
-        readonly darkValue: "hsl(215 20% 55%)";
+        readonly lightValue: "hsl(215 14% 46%)";
+        readonly darkValue: "hsl(215 16% 50%)";
         readonly description: "Default activity bar icon color.";
     }, {
         readonly name: "Activity Bar Foreground Active";
         readonly variable: "--activity-bar-foreground-active";
         readonly lightValue: "hsl(214 26% 17%)";
-        readonly darkValue: "hsl(210 20% 98%)";
+        readonly darkValue: "hsl(210 20% 96%)";
         readonly description: "Active activity bar icon color.";
     }, {
         readonly name: "Activity Bar Badge";
@@ -669,7 +669,7 @@ export declare const floeDesignTokens: {
             readonly name: "Secondary";
             readonly variable: "--secondary";
             readonly lightValue: "hsl(36 15% 94%)";
-            readonly darkValue: "hsl(220 25% 14%)";
+            readonly darkValue: "hsl(220 18% 15%)";
             readonly description: "Secondary surface color for lower-emphasis blocks.";
         }, {
             readonly name: "Secondary Foreground";
@@ -681,19 +681,19 @@ export declare const floeDesignTokens: {
             readonly name: "Muted";
             readonly variable: "--muted";
             readonly lightValue: "hsl(36 15% 94%)";
-            readonly darkValue: "hsl(220 25% 14%)";
+            readonly darkValue: "hsl(220 16% 16%)";
             readonly description: "Muted surface color for subtle containers and fills.";
         }, {
             readonly name: "Muted Foreground";
             readonly variable: "--muted-foreground";
             readonly lightValue: "hsl(215 16% 42%)";
-            readonly darkValue: "hsl(215 20% 60%)";
+            readonly darkValue: "hsl(215 16% 56%)";
             readonly description: "Secondary text color for supporting copy.";
         }, {
             readonly name: "Accent";
             readonly variable: "--accent";
-            readonly lightValue: "hsl(34 11% 88%)";
-            readonly darkValue: "hsl(220 25% 16%)";
+            readonly lightValue: "hsl(34 9% 85%)";
+            readonly darkValue: "hsl(220 14% 19%)";
             readonly description: "Accent surface for hover states and light emphasis.";
         }, {
             readonly name: "Accent Foreground";
@@ -709,7 +709,7 @@ export declare const floeDesignTokens: {
             readonly name: "Card";
             readonly variable: "--card";
             readonly lightValue: "hsl(36 100% 99%)";
-            readonly darkValue: "hsl(222 28% 10%)";
+            readonly darkValue: "hsl(220 20% 13%)";
             readonly description: "Card background surface.";
         }, {
             readonly name: "Card Foreground";
@@ -721,7 +721,7 @@ export declare const floeDesignTokens: {
             readonly name: "Popover";
             readonly variable: "--popover";
             readonly lightValue: "hsl(36 100% 99%)";
-            readonly darkValue: "hsl(222 28% 10%)";
+            readonly darkValue: "hsl(220 18% 15%)";
             readonly description: "Popover and floating panel background.";
         }, {
             readonly name: "Popover Foreground";
@@ -733,13 +733,13 @@ export declare const floeDesignTokens: {
             readonly name: "Border";
             readonly variable: "--border";
             readonly lightValue: "hsl(35 13% 82%)";
-            readonly darkValue: "hsl(220 20% 18%)";
+            readonly darkValue: "hsl(220 16% 20%)";
             readonly description: "Default border color.";
         }, {
             readonly name: "Input";
             readonly variable: "--input";
             readonly lightValue: "hsl(37 15% 76%)";
-            readonly darkValue: "hsl(220 25% 14%)";
+            readonly darkValue: "hsl(220 18% 15%)";
             readonly description: "Input border color.";
         }, {
             readonly name: "Ring";
@@ -847,7 +847,7 @@ export declare const floeDesignTokens: {
             readonly name: "Chrome Border";
             readonly variable: "--chrome-border";
             readonly lightValue: "hsl(33 11% 84%)";
-            readonly darkValue: "var(--border)";
+            readonly darkValue: "hsl(220 16% 13%)";
             readonly description: "Default shared shell divider color.";
         }, {
             readonly name: "Top Bar Border";
@@ -880,8 +880,8 @@ export declare const floeDesignTokens: {
         readonly tokens: readonly [{
             readonly name: "Sidebar";
             readonly variable: "--sidebar";
-            readonly lightValue: "hsl(36 13% 92%)";
-            readonly darkValue: "hsl(222 28% 10%)";
+            readonly lightValue: "hsl(34 13% 90%)";
+            readonly darkValue: "hsl(221 22% 11%)";
             readonly description: "Sidebar background.";
         }, {
             readonly name: "Sidebar Foreground";
@@ -904,8 +904,8 @@ export declare const floeDesignTokens: {
         }, {
             readonly name: "Sidebar Accent";
             readonly variable: "--sidebar-accent";
-            readonly lightValue: "hsl(34 11% 88%)";
-            readonly darkValue: "hsl(220 25% 16%)";
+            readonly lightValue: "hsl(34 9% 84%)";
+            readonly darkValue: "hsl(220 14% 19%)";
             readonly description: "Accent surface used for sidebar hover and active states.";
         }, {
             readonly name: "Sidebar Accent Foreground";
@@ -916,8 +916,8 @@ export declare const floeDesignTokens: {
         }, {
             readonly name: "Sidebar Border";
             readonly variable: "--sidebar-border";
-            readonly lightValue: "hsl(33 11% 84%)";
-            readonly darkValue: "hsl(220 20% 18%)";
+            readonly lightValue: "hsl(33 9% 82%)";
+            readonly darkValue: "hsl(220 16% 13%)";
             readonly description: "Sidebar inner border color.";
         }, {
             readonly name: "Sidebar Ring";
@@ -932,20 +932,20 @@ export declare const floeDesignTokens: {
         readonly tokens: readonly [{
             readonly name: "Activity Bar";
             readonly variable: "--activity-bar";
-            readonly lightValue: "hsl(36 13% 92%)";
-            readonly darkValue: "hsl(222 30% 9%)";
+            readonly lightValue: "hsl(34 11% 90%)";
+            readonly darkValue: "hsl(222 28% 7%)";
             readonly description: "Activity bar background.";
         }, {
             readonly name: "Activity Bar Foreground";
             readonly variable: "--activity-bar-foreground";
-            readonly lightValue: "hsl(215 16% 42%)";
-            readonly darkValue: "hsl(215 20% 55%)";
+            readonly lightValue: "hsl(215 14% 46%)";
+            readonly darkValue: "hsl(215 16% 50%)";
             readonly description: "Default activity bar icon color.";
         }, {
             readonly name: "Activity Bar Foreground Active";
             readonly variable: "--activity-bar-foreground-active";
             readonly lightValue: "hsl(214 26% 17%)";
-            readonly darkValue: "hsl(210 20% 98%)";
+            readonly darkValue: "hsl(210 20% 96%)";
             readonly description: "Active activity bar icon color.";
         }, {
             readonly name: "Activity Bar Badge";

package/dist/styles/tokens.js

@@ -2,7 +2,7 @@ const r = {
   "--radius": "0.375rem",
   "--font-sans": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
   "--font-mono": "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Monaco, Consolas, monospace"
-}, i = [
+}, l = [
   {
     name: "Base Colors",
     description: "Primary application surfaces and text colors.",
@@ -39,7 +39,7 @@ const r = {
         name: "Secondary",
         variable: "--secondary",
         lightValue: "hsl(36 15% 94%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Secondary surface color for lower-emphasis blocks."
       },
       {
@@ -53,21 +53,21 @@ const r = {
         name: "Muted",
         variable: "--muted",
         lightValue: "hsl(36 15% 94%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 16% 16%)",
         description: "Muted surface color for subtle containers and fills."
       },
       {
         name: "Muted Foreground",
         variable: "--muted-foreground",
         lightValue: "hsl(215 16% 42%)",
-        darkValue: "hsl(215 20% 60%)",
+        darkValue: "hsl(215 16% 56%)",
         description: "Secondary text color for supporting copy."
       },
       {
         name: "Accent",
         variable: "--accent",
-        lightValue: "hsl(34 11% 88%)",
-        darkValue: "hsl(220 25% 16%)",
+        lightValue: "hsl(34 9% 85%)",
+        darkValue: "hsl(220 14% 19%)",
         description: "Accent surface for hover states and light emphasis."
       },
       {
@@ -87,7 +87,7 @@ const r = {
         name: "Card",
         variable: "--card",
         lightValue: "hsl(36 100% 99%)",
-        darkValue: "hsl(222 28% 10%)",
+        darkValue: "hsl(220 20% 13%)",
         description: "Card background surface."
       },
       {
@@ -101,7 +101,7 @@ const r = {
         name: "Popover",
         variable: "--popover",
         lightValue: "hsl(36 100% 99%)",
-        darkValue: "hsl(222 28% 10%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Popover and floating panel background."
       },
       {
@@ -115,14 +115,14 @@ const r = {
         name: "Border",
         variable: "--border",
         lightValue: "hsl(35 13% 82%)",
-        darkValue: "hsl(220 20% 18%)",
+        darkValue: "hsl(220 16% 20%)",
         description: "Default border color."
       },
       {
         name: "Input",
         variable: "--input",
         lightValue: "hsl(37 15% 76%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Input border color."
       },
       {
@@ -252,7 +252,7 @@ const r = {
         name: "Chrome Border",
         variable: "--chrome-border",
         lightValue: "hsl(33 11% 84%)",
-        darkValue: "var(--border)",
+        darkValue: "hsl(220 16% 13%)",
         description: "Default shared shell divider color."
       },
       {
@@ -292,8 +292,8 @@ const r = {
       {
         name: "Sidebar",
         variable: "--sidebar",
-        lightValue: "hsl(36 13% 92%)",
-        darkValue: "hsl(222 28% 10%)",
+        lightValue: "hsl(34 13% 90%)",
+        darkValue: "hsl(221 22% 11%)",
         description: "Sidebar background."
       },
       {
@@ -320,8 +320,8 @@ const r = {
       {
         name: "Sidebar Accent",
         variable: "--sidebar-accent",
-        lightValue: "hsl(34 11% 88%)",
-        darkValue: "hsl(220 25% 16%)",
+        lightValue: "hsl(34 9% 84%)",
+        darkValue: "hsl(220 14% 19%)",
         description: "Accent surface used for sidebar hover and active states."
       },
       {
@@ -334,8 +334,8 @@ const r = {
       {
         name: "Sidebar Border",
         variable: "--sidebar-border",
-        lightValue: "hsl(33 11% 84%)",
-        darkValue: "hsl(220 20% 18%)",
+        lightValue: "hsl(33 9% 82%)",
+        darkValue: "hsl(220 16% 13%)",
         description: "Sidebar inner border color."
       },
       {
@@ -354,22 +354,22 @@ const r = {
       {
         name: "Activity Bar",
         variable: "--activity-bar",
-        lightValue: "hsl(36 13% 92%)",
-        darkValue: "hsl(222 30% 9%)",
+        lightValue: "hsl(34 11% 90%)",
+        darkValue: "hsl(222 28% 7%)",
         description: "Activity bar background."
       },
       {
         name: "Activity Bar Foreground",
         variable: "--activity-bar-foreground",
-        lightValue: "hsl(215 16% 42%)",
-        darkValue: "hsl(215 20% 55%)",
+        lightValue: "hsl(215 14% 46%)",
+        darkValue: "hsl(215 16% 50%)",
         description: "Default activity bar icon color."
       },
       {
         name: "Activity Bar Foreground Active",
         variable: "--activity-bar-foreground-active",
         lightValue: "hsl(214 26% 17%)",
-        darkValue: "hsl(210 20% 98%)",
+        darkValue: "hsl(210 20% 96%)",
         description: "Active activity bar icon color."
       },
       {
@@ -497,7 +497,7 @@ const r = {
       }
     ]
   }
-], l = [
+], i = [
   {
     name: "Text XS",
     size: "11px",
@@ -615,7 +615,7 @@ const r = {
     usage: "Neon and emphasis effects",
     description: "Pulsing glow animation for elevated emphasis."
   }
-], d = i.reduce((a, e) => (a.push(...e.tokens), a), []);
+], d = l.reduce((a, e) => (a.push(...e.tokens), a), []);
 function o(a) {
   return Object.fromEntries(
     d.map((e) => [
@@ -632,8 +632,8 @@ function h(a, e) {
   return u[e][a];
 }
 const g = {
-  colors: i,
-  typography: l,
+  colors: l,
+  typography: i,
   fonts: n,
   spacing: s,
   radius: t,
@@ -641,7 +641,7 @@ const g = {
   shared: r
 };
 export {
-  i as floeColorTokenCategories,
+  l as floeColorTokenCategories,
   g as floeDesignTokens,
   n as floeFontFamilyTokens,
   c as floeMotionTokens,
@@ -649,6 +649,6 @@ export {
   r as floeSharedCssVariables,
   s as floeSpacingTokens,
   u as floeThemeColorVariables,
-  l as floeTypographyTokens,
+  i as floeTypographyTokens,
   h as getFloeColorTokenValue
 };