diff --git a/web/workspace/src/app.css b/web/workspace/src/app.css index b75d6dc3..9b78bf48 100644 --- a/web/workspace/src/app.css +++ b/web/workspace/src/app.css @@ -60,24 +60,8 @@ --radius-panel: 12px; --interactive-hover: oklch(94.5% 0 0); --interactive-selected: oklch(93% 0.02 230); - --font-sans: - "Gen Interface JP", - Inter, - ui-sans-serif, - system-ui, - -apple-system, - BlinkMacSystemFont, - "Segoe UI", - sans-serif; - --font-mono: - "IBM Plex Mono", - ui-monospace, - SFMono-Regular, - Menlo, - Monaco, - Consolas, - "Liberation Mono", - monospace; + --font-sans: "Gen Interface JP", sans-serif; + --font-mono: "IBM Plex Mono", monospace; } @media (prefers-color-scheme: dark) { :root { diff --git a/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts b/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts index 4a5e5759..226e05d2 100644 --- a/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts +++ b/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts @@ -18,9 +18,9 @@ Deno.test("workspace app css uses bundled UI fonts", async () => { appCss.includes("gen-interface-jp/500.css") && appCss.includes("gen-interface-jp/600.css") && appCss.includes("gen-interface-jp/700.css") && - appCss.includes("--font-sans:") && - appCss.includes('"Gen Interface JP"') && - appCss.includes("Inter"), + appCss.includes('--font-sans: "Gen Interface JP", sans-serif;') && + !appCss.includes("ui-sans-serif") && + !appCss.includes("system-ui"), "global app css should import the tracked Gen Interface JP weights and prefer it in the sans font stack", ); assert( @@ -28,9 +28,9 @@ Deno.test("workspace app css uses bundled UI fonts", async () => { appCss.includes("@fontsource/ibm-plex-mono/latin-500.css") && appCss.includes("@fontsource/ibm-plex-mono/latin-600.css") && appCss.includes("@fontsource/ibm-plex-mono/latin-700.css") && - appCss.includes("--font-mono:") && - appCss.includes('"IBM Plex Mono"') && - appCss.includes("ui-monospace"), + appCss.includes('--font-mono: "IBM Plex Mono", monospace;') && + !appCss.includes("ui-monospace") && + !appCss.includes("SFMono-Regular"), "global app css should import the tracked IBM Plex Mono weights and prefer it in the mono font stack", ); });