From 1bb8c218bd626b0225bbdc94368d17b6987e8081 Mon Sep 17 00:00:00 2001 From: Trevor Scheer Date: Mon, 13 Jul 2026 17:00:18 -0700 Subject: [PATCH] v6: align font tokens with shipped Roboto/Fira Code tokens.css declared Inter/JetBrains Mono while root.css shadowed those same variables back to Roboto/Fira Code on .graphiql-container, and style.css only ever loaded the Roboto/Fira Code font files. Point the canonical token declaration at the fonts that actually ship, and drop the now-redundant container-level override. --- packages/graphiql-react/src/style/root.css | 2 -- packages/graphiql-react/src/style/tokens.css | 4 ++-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/graphiql-react/src/style/root.css b/packages/graphiql-react/src/style/root.css index 2bfdd430818..0a9e11e5e3e 100644 --- a/packages/graphiql-react/src/style/root.css +++ b/packages/graphiql-react/src/style/root.css @@ -33,8 +33,6 @@ --alpha-background-light: 0.07; /* Font */ - --font-family: 'Roboto', sans-serif; - --font-family-mono: 'Fira Code', monospace; --font-size-inline-code: calc(13rem / 16); --font-size-body: calc(15rem / 16); --font-size-h4: calc(18rem / 16); diff --git a/packages/graphiql-react/src/style/tokens.css b/packages/graphiql-react/src/style/tokens.css index bbe5e71271f..f1f880f82e4 100644 --- a/packages/graphiql-react/src/style/tokens.css +++ b/packages/graphiql-react/src/style/tokens.css @@ -71,8 +71,8 @@ --btn-primary-border: 62.22% 0.166 146; /* #2EA043 */ /* Typography */ - --font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; - --font-family-mono: 'JetBrains Mono', ui-monospace, monospace; + --font-family: 'Roboto', ui-sans-serif, system-ui, sans-serif; + --font-family-mono: 'Fira Code', ui-monospace, monospace; --letter-spacing-ui: -0.005em; /* Spacing scale */