[devtool] move font styling to global css

huozhi · huozhi · commit 6543267be811 · 2025-07-18T01:57:21.000+02:00
diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/devtools-indicator.css b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/devtools-indicator.css
@@ -5,7 +5,6 @@
 }
 
 .dev-tools-indicator-menu {
-  -webkit-font-smoothing: antialiased;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/next-logo.tsx b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/next-logo.tsx
@@ -92,7 +92,6 @@ export function NextLogo({
           }
 
           [data-next-badge] {
-            -webkit-font-smoothing: antialiased;
             width: var(--size);
             height: var(--size);
             display: flex;
diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/dev-tools-info/dev-tools-info.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/dev-tools-info/dev-tools-info.tsx
@@ -91,7 +91,6 @@ export function DevToolsInfo({
 
 export const DEV_TOOLS_INFO_STYLES = css`
   [data-info-popover] {
-    -webkit-font-smoothing: antialiased;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/dialog/dialog.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/dialog/dialog.tsx
@@ -31,7 +31,6 @@ export function ErrorOverlayDialog({
 
 export const DIALOG_STYLES = `
   .error-overlay-dialog-container {
-    -webkit-font-smoothing: antialiased;
     display: flex;
     flex-direction: column;
     background: var(--color-background-100);
diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/restart-server-button.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/restart-server-button.tsx
@@ -86,7 +86,6 @@ export function usePersistentCacheErrorDetection({
 
 export const RESTART_SERVER_BUTTON_STYLES = `
   .restart-dev-server-button {
-    -webkit-font-smoothing: antialiased;
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/packages/next/src/next-devtools/dev-overlay/components/version-staleness-info/version-staleness-info.tsx b/packages/next/src/next-devtools/dev-overlay/components/version-staleness-info/version-staleness-info.tsx
@@ -52,7 +52,6 @@ export function VersionStalenessInfo({
 
 export const styles = `
   .nextjs-container-build-error-version-status {
-    -webkit-font-smoothing: antialiased;
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/packages/next/src/next-devtools/global.css b/packages/next/src/next-devtools/global.css
@@ -1,4 +1,10 @@
 /* devtool global css variables */
 :host {
+  /* variables */
   --top-z-index: 2147483647;
 }
+
+/* global styles */
+* {
+  -webkit-font-smoothing: antialiased;
+}

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,6 @@`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`.dev-tools-indicator-menu {`
`8`		`- -webkit-font-smoothing: antialiased;`
`9`	`8`	`display: flex;`
`10`	`9`	`flex-direction: column;`
`11`	`10`	`align-items: flex-start;`
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,6 @@ export function NextLogo({`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`[data-next-badge] {`
`95`		`- -webkit-font-smoothing: antialiased;`
`96`	`95`	`width: var(--size);`
`97`	`96`	`height: var(--size);`
`98`	`97`	`display: flex;`