@floegence/floe-webapp-core 0.53.3 → 0.54.0

package/dist/surface.css

@@ -287,10 +287,14 @@
     & [data-floe-surface-part='choice'][data-floe-selected='true'] {
       background-color: var(--accent);
     }
-    & [data-floe-choice-variant='button'][data-floe-selected='true'] {
-      color: var(--foreground);
+    /* Compact choices need a clear selected face, independent of material.
+     * Large choice cards retain their native dot/checkmark and quiet tint. */
+    & [data-floe-choice-variant='button'][data-floe-selected='true'],
+    & [data-floe-surface-part='segment'][aria-checked='true'] {
+      background-color: var(--primary);
+      color: var(--primary-foreground);
+      --floe-surface-decoration: 0 0 transparent;
     }
-    & [data-floe-surface-part='segment'][aria-checked='true'],
     & [data-floe-surface-part='tab'][aria-selected='true'] {
       background-color: var(--accent);
       color: var(--foreground);
@@ -493,6 +497,15 @@
   border-color: var(--wb-accent);
 }
 @media (forced-colors: active) {
+  .floe-segmented-control__item[aria-checked='true'],
+  [data-floe-choice-variant='button'][data-floe-selected='true'] {
+    forced-color-adjust: none;
+    background-color: Highlight;
+    border-color: Highlight;
+    color: HighlightText;
+    box-shadow: none;
+    transition: none;
+  }
   [data-floe-surface-style='soft-neumorphic'] [data-floe-surface] {
     --floe-surface-decoration: 0 0 transparent;
   }

package/dist/themes/shell-presets.generated.css

@@ -1499,8 +1499,8 @@
   --floe-window-shadow: 0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%);
   --background: #1c1c1e;
   --foreground: #f2f2f7;
-  --primary: #0070e0;
-  --primary-foreground: #ffffff;
+  --primary: #0a84ff;
+  --primary-foreground: #101012;
   --secondary: #3a3a3c;
   --secondary-foreground: #f2f2f7;
   --muted: #3a3a3c;
@@ -1535,8 +1535,8 @@
   --highlight-block-tip-accent: #71c8c0;
   --sidebar: #242426;
   --sidebar-foreground: #f2f2f7;
-  --sidebar-primary: #0070e0;
-  --sidebar-primary-foreground: #ffffff;
+  --sidebar-primary: #0a84ff;
+  --sidebar-primary-foreground: #101012;
   --sidebar-accent: #3a3a3c;
   --sidebar-accent-foreground: #f2f2f7;
   --sidebar-border: #38383a;
@@ -1544,8 +1544,8 @@
   --activity-bar: #242426;
   --activity-bar-foreground: #aeaeb2;
   --activity-bar-foreground-active: #f2f2f7;
-  --activity-bar-badge: #0070e0;
-  --activity-bar-badge-foreground: #ffffff;
+  --activity-bar-badge: #0a84ff;
+  --activity-bar-badge-foreground: #101012;
   --terminal-background: #141416;
   --terminal-foreground: #e5e5ea;
   --chart-1: #2dd4d4;

package/dist/ui.css

@@ -762,16 +762,10 @@
     --segmented-control-item-color: var(--muted-foreground);
     --segmented-control-item-hover-bg: color-mix(in srgb, var(--background) 74%, var(--muted) 26%);
     --segmented-control-item-hover-color: var(--foreground);
-    --segmented-control-item-active-bg: color-mix(in srgb, var(--background) 96%, white 4%);
-    --segmented-control-item-active-border: color-mix(
-      in srgb,
-      var(--border) 70%,
-      var(--foreground) 30%
-    );
-    --segmented-control-item-active-color: var(--foreground);
-    --segmented-control-item-active-shadow:
-      inset 0 1px 0 color-mix(in srgb, white 55%, transparent),
-      0 1px 2px color-mix(in srgb, black 10%, transparent);
+    --segmented-control-item-active-bg: var(--primary);
+    --segmented-control-item-active-border: var(--primary);
+    --segmented-control-item-active-color: var(--primary-foreground);
+    --segmented-control-item-active-shadow: none;
 
     background-color: var(--segmented-control-bg);
     border-color: var(--segmented-control-border);
@@ -785,19 +779,6 @@
       var(--foreground) 8%,
       var(--background) 92%
     );
-    --segmented-control-item-active-bg: color-mix(
-      in srgb,
-      var(--foreground) 14%,
-      var(--background) 86%
-    );
-    --segmented-control-item-active-border: color-mix(
-      in srgb,
-      var(--foreground) 28%,
-      var(--border) 72%
-    );
-    --segmented-control-item-active-shadow:
-      inset 0 1px 0 color-mix(in srgb, white 12%, transparent),
-      0 1px 2px color-mix(in srgb, black 30%, transparent);
   }
 
   .floe-segmented-control__item {

package/dist/ui.js

@@ -1,61 +1,62 @@
-import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
-import { AnimatedBorderCard as c, Card as T, CardContent as l, CardDescription as m, CardFooter as p, CardHeader as C, CardTitle as f, Interactive3DCard as s, MorphCard as E, NeonCard as S } from "./components/ui/Card.js";
+import { AffixInput as o, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
+import { AnimatedBorderCard as c, Card as T, CardContent as l, CardDescription as m, CardFooter as p, CardHeader as f, CardTitle as C, Interactive3DCard as s, MorphCard as E, NeonCard as S } from "./components/ui/Card.js";
 import { AreaChart as A, DataBarChart as R, DataPieChart as x, LineChart as u, MonitoringChart as d } from "./components/ui/Charts.js";
-import { Button as g } from "./components/ui/Button.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as P, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as I, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as O, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as v, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as h, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as k, WORKBENCH_WIDGET_SHELL_ATTR as B, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as b, resolveSurfaceWheelRouting as H, resolveWorkbenchWidgetEventOwnership as M, resolveWorkbenchWidgetLocalTypingTarget as w, resolveWorkbenchWidgetTextSelectionTarget as y, shouldActivateWorkbenchWidgetLocalTarget as G } from "./components/ui/localInteractionSurface.js";
+import { Button as L } from "./components/ui/Button.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as P, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as I, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as O, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as h, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as v, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as k, WORKBENCH_WIDGET_SHELL_ATTR as B, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as b, resolveSurfaceWheelRouting as H, resolveWorkbenchWidgetEventOwnership as M, resolveWorkbenchWidgetLocalTypingTarget as y, resolveWorkbenchWidgetTextSelectionTarget as w, shouldActivateWorkbenchWidgetLocalTarget as G } from "./components/ui/localInteractionSurface.js";
 import { Checkbox as V, CheckboxGroup as z, CheckboxList as j } from "./components/ui/Checkbox.js";
 import { CircularProgress as Y, LinearProgress as Q, SegmentedProgress as Z, StepsProgress as q } from "./components/ui/Progress.js";
 import { CommandPalette as $ } from "./components/ui/CommandPalette.js";
-import { ConfirmDialog as or, Dialog as er } from "./components/ui/Dialog.js";
-import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as cr, __resetSurfacePortalScopeForTests as Tr, ensureSurfacePortalInteractionTracking as lr, isSurfacePortalMode as mr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as Cr, resolveSurfacePortalBoundaryRect as fr, resolveSurfacePortalHost as sr, resolveSurfacePortalMount as Er, resolveSurfacePortalMountRect as Sr } from "./components/ui/dialogSurfaceScope.js";
+import { ConfirmDialog as er, Dialog as or } from "./components/ui/Dialog.js";
+import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as cr, __resetSurfacePortalScopeForTests as Tr, ensureSurfacePortalInteractionTracking as lr, isSurfacePortalMode as mr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as fr, resolveSurfacePortalBoundaryRect as Cr, resolveSurfacePortalHost as sr, resolveSurfacePortalMount as Er, resolveSurfacePortalMountRect as Sr } from "./components/ui/dialogSurfaceScope.js";
 import { DialogPlacementProvider as Ar } from "./components/ui/DialogPlacementContext.js";
 import { DirectoryInput as xr } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as dr } from "./components/ui/DirectoryPicker.js";
-import { Dropdown as gr, Select as Lr } from "./components/ui/Dropdown.js";
-import { ErrorBlock as Ir, HighlightBlock as Or, InfoBlock as Wr, NoteBlock as Dr, SuccessBlock as Nr, TipBlock as vr, WarningBlock as hr } from "./components/ui/HighlightBlock.js";
+import { Dropdown as Lr, Select as gr } from "./components/ui/Dropdown.js";
+import { ErrorBlock as Ir, HighlightBlock as Or, InfoBlock as Wr, NoteBlock as Dr, SuccessBlock as Nr, TipBlock as hr, WarningBlock as vr } from "./components/ui/HighlightBlock.js";
 import { FileOpenPicker as Br, normalizeFileOpenSelection as Ur, updateFileOpenSelection as br } from "./components/ui/FileOpenPicker.js";
 import { FileSavePicker as Mr } from "./components/ui/FileSavePicker.js";
-import { FloatingWindow as yr } from "./components/ui/FloatingWindow.js";
+import { FloatingWindow as wr } from "./components/ui/FloatingWindow.js";
 import { Form as Kr, FormActions as Vr, FormControl as zr, FormDescription as jr, FormDivider as Xr, FormField as Yr, FormLabel as Qr, FormMessage as Zr, FormRow as qr, FormSection as Jr, useFormSubmitting as $r } from "./components/ui/Form.js";
-import { InfiniteCanvas as oo } from "./components/ui/InfiniteCanvas.js";
-import { MENU_ITEM_SELECTOR as to, focusMenuItem as ao, getMenuItems as io, handleMenuKeyboardNavigation as no, moveMenuFocus as co } from "./components/ui/menuUtils.js";
-import { MobileKeyboard as lo } from "./components/ui/MobileKeyboard.js";
-import { Pagination as po } from "./components/ui/Pagination.js";
-import { PickerNavigationError as fo, createFilesystemPickerDataSource as so, formatPickerPath as Eo, parsePickerPath as So } from "./components/ui/picker/PickerNavigation.js";
-import { ProcessingIndicator as Ao } from "./components/ui/ProcessingIndicator.js";
-import { QuoteBlock as xo } from "./components/ui/QuoteBlock.js";
-import { RadioGroup as Fo, RadioList as go, RadioOption as Lo } from "./components/ui/Radio.js";
-import { SegmentedControl as Io } from "./components/ui/SegmentedControl.js";
-import { Stepper as Wo, Wizard as Do, useWizard as No } from "./components/ui/Stepper.js";
-import { SurfaceFloatingLayer as ho } from "./components/ui/SurfaceFloatingLayer.js";
-import { SurfaceFloatingPanel as Bo } from "./components/ui/SurfaceFloatingPanel.js";
-import { Switch as bo } from "./components/ui/Switch.js";
-import { TabPanel as Mo, Tabs as wo } from "./components/ui/Tabs.js";
-import { Tag as Go } from "./components/ui/Tag.js";
-import { Tooltip as Vo } from "./components/ui/Tooltip.js";
-import { clientToCanvasLocal as jo, clientToCanvasWorld as Xo, createViewportFromZoomAnchor as Yo, isPointInsideCanvasRect as Qo, localToCanvasWorld as Zo } from "./components/ui/canvasGeometry.js";
-import { createFloatingPresence as Jo } from "./components/ui/floatingPresence.js";
-import { intersectSurfaceRects as re } from "./components/ui/surfaceFloatingBoundary.js";
-import { resolveFloatingWindowViewport as ee } from "./components/ui/floatingWindowGeometry.js";
-import { startPointerSession as ae } from "./components/ui/pointerSession.js";
+import { InfiniteCanvas as ee } from "./components/ui/InfiniteCanvas.js";
+import { MENU_ITEM_SELECTOR as te, focusMenuItem as ae, getMenuItems as ie, handleMenuKeyboardNavigation as ne, moveMenuFocus as ce } from "./components/ui/menuUtils.js";
+import { MobileKeyboard as le } from "./components/ui/MobileKeyboard.js";
+import { Pagination as pe } from "./components/ui/Pagination.js";
+import { PickerNavigationError as Ce, createFilesystemPickerDataSource as se, formatPickerPath as Ee, parsePickerPath as Se } from "./components/ui/picker/PickerNavigation.js";
+import { ProcessingIndicator as Ae } from "./components/ui/ProcessingIndicator.js";
+import { QuoteBlock as xe } from "./components/ui/QuoteBlock.js";
+import { RadioGroup as de, RadioList as Fe, RadioOption as Le } from "./components/ui/Radio.js";
+import { SegmentedControl as Pe } from "./components/ui/SegmentedControl.js";
+import { Stepper as Oe, Wizard as We, useWizard as De } from "./components/ui/Stepper.js";
+import { SurfaceAnchoredLayer as he } from "./components/ui/SurfaceAnchoredLayer.js";
+import { SurfaceFloatingLayer as ke } from "./components/ui/SurfaceFloatingLayer.js";
+import { SurfaceFloatingPanel as Ue } from "./components/ui/SurfaceFloatingPanel.js";
+import { Switch as He } from "./components/ui/Switch.js";
+import { TabPanel as ye, Tabs as we } from "./components/ui/Tabs.js";
+import { Tag as Ke } from "./components/ui/Tag.js";
+import { Tooltip as ze } from "./components/ui/Tooltip.js";
+import { clientToCanvasLocal as Xe, clientToCanvasWorld as Ye, createViewportFromZoomAnchor as Qe, isPointInsideCanvasRect as Ze, localToCanvasWorld as qe } from "./components/ui/canvasGeometry.js";
+import { createFloatingPresence as $e } from "./components/ui/floatingPresence.js";
+import { intersectSurfaceRects as eo } from "./components/ui/surfaceFloatingBoundary.js";
+import { resolveFloatingWindowViewport as to } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as io } from "./components/ui/pointerSession.js";
 export {
-  e as AffixInput,
+  o as AffixInput,
   c as AnimatedBorderCard,
   A as AreaChart,
-  g as Button,
+  L as Button,
   P as CANVAS_WHEEL_INTERACTIVE_ATTR,
   T as Card,
   l as CardContent,
   m as CardDescription,
   p as CardFooter,
-  C as CardHeader,
-  f as CardTitle,
+  f as CardHeader,
+  C as CardTitle,
   V as Checkbox,
   z as CheckboxGroup,
   j as CheckboxList,
   Y as CircularProgress,
   $ as CommandPalette,
-  or as ConfirmDialog,
+  er as ConfirmDialog,
   I as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
   O as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
   W as DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR,
@@ -65,15 +66,15 @@ export {
   ir as DIALOG_SURFACE_HOST_ATTR,
   R as DataBarChart,
   x as DataPieChart,
-  er as Dialog,
+  or as Dialog,
   Ar as DialogPlacementProvider,
   xr as DirectoryInput,
   dr as DirectoryPicker,
-  gr as Dropdown,
+  Lr as Dropdown,
   Ir as ErrorBlock,
   Br as FileOpenPicker,
   Mr as FileSavePicker,
-  yr as FloatingWindow,
+  wr as FloatingWindow,
   Kr as Form,
   Vr as FormActions,
   zr as FormControl,
@@ -85,83 +86,84 @@ export {
   qr as FormRow,
   Jr as FormSection,
   Or as HighlightBlock,
-  oo as InfiniteCanvas,
+  ee as InfiniteCanvas,
   Wr as InfoBlock,
   t as Input,
   s as Interactive3DCard,
-  v as LOCAL_INTERACTION_SURFACE_ATTR,
+  h as LOCAL_INTERACTION_SURFACE_ATTR,
   u as LineChart,
   Q as LinearProgress,
-  to as MENU_ITEM_SELECTOR,
-  lo as MobileKeyboard,
+  te as MENU_ITEM_SELECTOR,
+  le as MobileKeyboard,
   d as MonitoringChart,
   E as MorphCard,
   S as NeonCard,
   Dr as NoteBlock,
   a as NumberInput,
-  po as Pagination,
-  fo as PickerNavigationError,
-  Ao as ProcessingIndicator,
-  xo as QuoteBlock,
-  Fo as RadioGroup,
-  go as RadioList,
-  Lo as RadioOption,
+  pe as Pagination,
+  Ce as PickerNavigationError,
+  Ae as ProcessingIndicator,
+  xe as QuoteBlock,
+  de as RadioGroup,
+  Fe as RadioList,
+  Le as RadioOption,
   nr as SURFACE_PORTAL_HOST_ATTR,
   cr as SURFACE_PORTAL_LAYER_ATTR,
-  Io as SegmentedControl,
+  Pe as SegmentedControl,
   Z as SegmentedProgress,
-  Lr as Select,
-  Wo as Stepper,
+  gr as Select,
+  Oe as Stepper,
   q as StepsProgress,
   Nr as SuccessBlock,
-  ho as SurfaceFloatingLayer,
-  Bo as SurfaceFloatingPanel,
-  bo as Switch,
-  Mo as TabPanel,
-  wo as Tabs,
-  Go as Tag,
+  he as SurfaceAnchoredLayer,
+  ke as SurfaceFloatingLayer,
+  Ue as SurfaceFloatingPanel,
+  He as Switch,
+  ye as TabPanel,
+  we as Tabs,
+  Ke as Tag,
   i as Textarea,
-  vr as TipBlock,
-  Vo as Tooltip,
-  h as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
+  hr as TipBlock,
+  ze as Tooltip,
+  v as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
   k as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
   B as WORKBENCH_WIDGET_SHELL_ATTR,
-  hr as WarningBlock,
-  Do as Wizard,
+  vr as WarningBlock,
+  We as Wizard,
   Tr as __resetSurfacePortalScopeForTests,
-  jo as clientToCanvasLocal,
-  Xo as clientToCanvasWorld,
-  so as createFilesystemPickerDataSource,
-  Jo as createFloatingPresence,
-  Yo as createViewportFromZoomAnchor,
+  Xe as clientToCanvasLocal,
+  Ye as clientToCanvasWorld,
+  se as createFilesystemPickerDataSource,
+  $e as createFloatingPresence,
+  Qe as createViewportFromZoomAnchor,
   lr as ensureSurfacePortalInteractionTracking,
-  ao as focusMenuItem,
-  Eo as formatPickerPath,
-  io as getMenuItems,
-  no as handleMenuKeyboardNavigation,
-  re as intersectSurfaceRects,
+  ae as focusMenuItem,
+  Ee as formatPickerPath,
+  ie as getMenuItems,
+  ne as handleMenuKeyboardNavigation,
+  eo as intersectSurfaceRects,
   U as isLocalInteractionSurfaceTarget,
-  Qo as isPointInsideCanvasRect,
+  Ze as isPointInsideCanvasRect,
   mr as isSurfacePortalMode,
-  Zo as localToCanvasWorld,
-  co as moveMenuFocus,
+  qe as localToCanvasWorld,
+  ce as moveMenuFocus,
   Ur as normalizeFileOpenSelection,
-  So as parsePickerPath,
+  Se as parsePickerPath,
   pr as projectSurfacePortalPosition,
-  Cr as projectSurfacePortalRect,
-  ee as resolveFloatingWindowViewport,
+  fr as projectSurfacePortalRect,
+  to as resolveFloatingWindowViewport,
   b as resolveSurfaceInteractionTargetRole,
-  fr as resolveSurfacePortalBoundaryRect,
+  Cr as resolveSurfacePortalBoundaryRect,
   sr as resolveSurfacePortalHost,
   Er as resolveSurfacePortalMount,
   Sr as resolveSurfacePortalMountRect,
   H as resolveSurfaceWheelRouting,
   M as resolveWorkbenchWidgetEventOwnership,
-  w as resolveWorkbenchWidgetLocalTypingTarget,
-  y as resolveWorkbenchWidgetTextSelectionTarget,
+  y as resolveWorkbenchWidgetLocalTypingTarget,
+  w as resolveWorkbenchWidgetTextSelectionTarget,
   G as shouldActivateWorkbenchWidgetLocalTarget,
-  ae as startPointerSession,
+  io as startPointerSession,
   br as updateFileOpenSelection,
   $r as useFormSubmitting,
-  No as useWizard
+  De as useWizard
 };

package/dist/workbench-themes.css

@@ -1113,3 +1113,63 @@
     box-shadow: 0 0 18px var(--wb-accent-ring);
   }
 }
+
+/* Shared matte surfaces keep all appearance variants legible in every shell palette. */
+@layer components {
+  .workbench-surface[data-workbench-theme] {
+    --wb-canvas: oklch(from var(--background) clamp(0.78, calc(l - 0.085), 0.91) c h);
+    --wb-window: var(--card);
+    --wb-window-edge: oklch(from var(--wb-window) calc(l - 0.19) calc(c * 0.25) h);
+    --wb-window-active: oklch(from var(--wb-window) calc(l - 0.36) calc(c * 0.25) h);
+    --wb-window-title: color-mix(in oklab, var(--wb-window) 97%, var(--foreground));
+    --wb-window-shadow: 0 6px 16px -8px rgb(0 0 0 / 22%);
+    --wb-text: var(--foreground);
+  }
+  html.dark .workbench-surface[data-workbench-theme] {
+    --wb-canvas: oklch(from var(--background) clamp(0.175, calc(l - 0.08), 0.28) c h);
+    --wb-window: color-mix(in oklab, var(--background) 94%, var(--foreground));
+    --wb-window-title: color-mix(in oklab, var(--wb-window) 94%, var(--foreground));
+    --wb-window-edge: oklch(from var(--wb-window) calc(l + 0.075) calc(c * 0.25) h);
+    --wb-window-active: oklch(from var(--wb-window) calc(l + 0.17) calc(c * 0.25) h);
+    --wb-window-shadow: 0 6px 16px -8px rgb(0 0 0 / 48%);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-canvas {
+    background: var(--wb-canvas);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget {
+    background: var(--wb-window);
+    border-color: var(--wb-window-edge);
+    box-shadow: var(--wb-window-shadow);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget:hover {
+    border-color: var(--wb-window-edge);
+    box-shadow: var(--wb-window-shadow);
+  }
+  .workbench-surface[data-workbench-theme]
+    .workbench-widget:is(.is-selected, .is-dragging, .is-resizing) {
+    border-color: var(--wb-window-active);
+    box-shadow: var(--wb-window-shadow);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget__header {
+    background: var(--wb-window-title);
+    border-bottom: 1px solid var(--wb-window-edge);
+    color: var(--foreground);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget__body {
+    background: var(--wb-window);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget__title {
+    color: var(--foreground);
+  }
+  .workbench-surface[data-workbench-theme] .workbench-widget__title-area svg {
+    color: var(--foreground);
+  }
+  html[data-floe-shell-theme='hc-light'] .workbench-surface[data-workbench-theme] {
+    --wb-window-edge: var(--foreground);
+    --wb-window-active: var(--foreground);
+    --wb-canvas: var(--muted);
+    --wb-window-shadow: none;
+  }
+}