From 45614adc6d9871bda3064a6871104e29c98e338f Mon Sep 17 00:00:00 2001 From: Mark IJbema Date: Tue, 17 Feb 2026 10:18:42 +0100 Subject: [PATCH] fix: override --font-family-sans in vscode theme to prevent serif fallback The upstream UI sets --font-family-sans to Inter, but the Font component that loads Inter via @font-face is not used in the VSCode webview. This caused the browser to fall back to its default serif font. Override --font-family-sans with var(--vscode-font-family) in the kilo-vscode theme scope so all CSS references resolve to the native VSCode UI font. --- packages/kilo-ui/src/styles/globals.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/kilo-ui/src/styles/globals.css b/packages/kilo-ui/src/styles/globals.css index cb8c97e584b..4436a8b4cec 100644 --- a/packages/kilo-ui/src/styles/globals.css +++ b/packages/kilo-ui/src/styles/globals.css @@ -48,6 +48,7 @@ /* ===== VS Code extension: inherit native styling ===== */ html[data-theme="kilo-vscode"] { + --font-family-sans: var(--vscode-font-family); font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight);