diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/Base.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/Base.tsx index de83c0feb98c0..da6a36e840e71 100644 --- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/Base.tsx +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/Base.tsx @@ -35,9 +35,10 @@ export function Base() { --color-text-color-red-1: #ff5555; --color-text-background-red-1: #fff9f9; - --font-stack-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', + --font-stack-monospace: 'Geist Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace; - --font-stack-sans: -apple-system, 'Source Sans Pro', sans-serif; + --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro', + sans-serif; --color-ansi-selection: rgba(95, 126, 151, 0.48); --color-ansi-bg: #111111; @@ -59,6 +60,8 @@ export function Base() { --color-ansi-bright-magenta: #cebbff; --color-ansi-bright-red: #ff8888; --color-ansi-bright-yellow: #ffd966; + + font-family: var(--font-stack-sans); } @media (prefers-color-scheme: dark) {