From f5908610d6ef2cad0982650b671de6b3ba8f676a Mon Sep 17 00:00:00 2001 From: ciregenz Date: Tue, 28 Jul 2026 18:41:40 -0700 Subject: [PATCH] [eric] design: settings surface uses system sans throughout (serif brand face read bookish in dense panes; this is the Linear/Claude settings feel) --- frontend/src/app/pages/Settings/Settings.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/frontend/src/app/pages/Settings/Settings.tsx b/frontend/src/app/pages/Settings/Settings.tsx index cd6f3951..7f0243fd 100644 --- a/frontend/src/app/pages/Settings/Settings.tsx +++ b/frontend/src/app/pages/Settings/Settings.tsx @@ -259,6 +259,10 @@ const Settings: React.FC = () => { boxShadow: c.shadow.md, transition: 'none', overflow: 'hidden', + // The serif brand face reads bookish inside dense settings panes; system sans here is + // what makes Claude/Linear-grade settings feel engineered. Mono labels keep their own + // stack (their per-component sx classes land later in the sheet and win). + '& .MuiTypography-root, & .MuiButton-root, & .MuiToggleButton-root, & .MuiChip-label, & .MuiInputBase-root': { fontFamily: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif' }, }, }} >