Skip to content

Commit 5cbfd00

Browse files
committed
feat(web): reference typography for the desktop app
Override the font tokens under html[data-desktop-platform] so the desktop app uses the native system UI stack and an SF Mono-led code stack under every theme. Browser builds are unaffected.
1 parent 32c82a5 commit 5cbfd00

1 file changed

Lines changed: 11 additions & 0 deletions

File tree

apps/pythinker-web/src/style.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,17 @@ html[data-desktop-platform='win32'] #app {
179179
background: transparent;
180180
}
181181

182+
/* Desktop app: reference typography — native system UI font + SF Mono-led code
183+
stack, overriding every theme's families. Browser builds are unaffected. */
184+
html[data-desktop-platform][data-desktop-platform],
185+
html[data-desktop-platform][data-desktop-platform] body {
186+
--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
187+
"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
188+
sans-serif;
189+
--mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono",
190+
Menlo, Courier, monospace;
191+
}
192+
182193
/* Pin the app to the viewport so it always fills the screen even if a dark-mode
183194
browser extension collapses <html>'s height — the opaque app then fully covers
184195
any colour the extension paints on the root, and child height:100% resolves

0 commit comments

Comments
 (0)