From 231c22f7d47be6b25db8c8fe3b454b779bbdd70d Mon Sep 17 00:00:00 2001 From: 4gray Date: Tue, 19 May 2026 02:03:50 +0200 Subject: [PATCH] chore(settings): switch SETTINGS eyebrow to inherited sans-serif MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The v0.22 mockup uses JetBrains Mono for eyebrow labels as part of its broader editorial design language. The previous commit ported that one element verbatim, but the rest of the workspace shell never uses mono for chrome — only for code-adjacent data (EPG time codes, kbd glyphs, port numbers). So the SETTINGS rail title became a one-off mono label in an otherwise all-sans shell. Drop the `font-family: 'JetBrains Mono'…` declaration so the eyebrow inherits DM Sans. Bump the weight from 500 → 600 to compensate for mono's higher visual density. Uppercase + 0.1em letter-spacing + small size are kept — those carry the eyebrow effect regardless of typeface. If we ever want to port the broader mono-eyebrow system across rails and chips, that's a separate (bigger) design decision. Co-Authored-By: Claude Opus 4.7 (1M context) --- ...orkspace-settings-context-panel.component.scss | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss b/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss index 1b56b6755..981557ab6 100644 --- a/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss +++ b/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss @@ -7,18 +7,17 @@ overflow: hidden; } -// Quiet mono eyebrow per the v0.22 mockup — replaces the previous bold -// 20px h2 that competed with the section headers on the right pane for -// "biggest text on screen". The rail is now a scannable list; the section -// titles on the right are the dominant heading. +// Quiet eyebrow header — small, uppercase, letter-spaced so it doesn't +// compete with the section titles on the right pane (which is now the +// dominant heading). Stays on the app's inherited sans-serif (DM Sans) +// rather than the mockup's mono — the rest of the workspace shell uses +// sans for every other small label, so a one-off mono eyebrow stood out +// as inconsistent. .panel-title { margin: 0; padding: 20px 18px 12px; - font-family: - 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, - monospace; font-size: 11px; - font-weight: 500; + font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mat-sys-on-surface-variant);