Skip to content

docs: retire dockview references in DESIGN.md after Lath (#228) #231

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nedtwigg merged 1 commit into from
Jul 8, 2026
Merged

docs: retire dockview references in DESIGN.md after Lath (#228) #231

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions DESIGN.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@ This system has no "primary" accent in the brand sense. The closest analogue is
- **Focus Ring** (`var(--color-focus-ring)`): runtime-chosen. Prefers a chromatic `focusBorder`, then a chromatic active-header background, then the highest-contrast fallback. Used for the marching-ants command-mode ring and the terminal text-selection border.

### Neutral
- **App Background** (`var(--vscode-sideBar-background)`): the chrome host. Baseboard, dockview gutters, gaps around panes. Reads as "the editor's sidebar," because it literally is.
- **App Background** (`var(--vscode-sideBar-background)`): the chrome host. Baseboard, Lath sashes, gaps around panes. Reads as "the editor's sidebar," because it literally is.
- **App Foreground** (`var(--vscode-sideBar-foreground)`): default text on app chrome.
- **Surface Raised** (`var(--vscode-editorWidget-background)`): popovers, tooltips, dialogs, kill-confirm sheet, theme picker dropdown. Roughly one step above app-bg in the host's vocabulary.
- **Foreground** (`var(--vscode-editor-foreground)`): primary text in raised surfaces (popups, dialogs).
Expand Down Expand Up @@ -224,7 +224,7 @@ The system uses **raised surfaces**, not "cards." There are no nested cards. The
The system has no traditional product top-nav. Three surfaces play navigational roles:
- **Workspace strip** (standalone app bar, top): horizontal tabs, one per Workspace, for switching between Workspaces within one window. Inactive tabs carry the union alert/TODO indicators (bell + TODO pill) borrowed from the Door vocabulary; the active tab carries none. This is standalone app-bar chrome around the Wall — see `docs/specs/layout.md` and `docs/specs/alert.md` — and its exact visual treatment is being designed in Storybook. VS Code surfaces the same status on its own native tab/badge chrome instead (`docs/specs/vscode.md`).
- **Baseboard** (bottom of the app): horizontal strip of doors representing minimized panes plus chrome action buttons. Doors are the primary navigation affordance to a minimized terminal. Button style: `h-5 rounded px-1.5 text-sm font-medium font-mono text-muted` with `hover:bg-surface-raised hover:text-foreground transition-colors`.
- **Pane Header (TerminalPaneHeader)**: the tab-replacing strip at the top of each pane. Tab-bar styling is stripped from dockview entirely (`--dv-tabs-and-actions-container-*` overrides); the React header IS the tab.
- **Pane Header (TerminalPaneHeader)**: the tab-replacing strip at the top of each pane. Lath is a headless tiling engine with no tab-bar chrome of its own; the React header IS the tab.

### Signature Components

Expand Down
Loading