From cf7fb34d994d7f0073e5c1a75f5148c9785eee61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Thu, 11 Jul 2024 22:24:28 +0800
Subject: [PATCH] =?UTF-8?q?refactor(style):=E6=9B=B4=E6=8D=A2=E4=B8=80?=
 =?UTF-8?q?=E7=A7=8D=E5=85=81=E8=AE=B8vscode=E6=8F=92=E4=BB=B6=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E5=B7=A5=E4=BD=9C=E7=9A=84=E4=B9=A6=E5=86=99=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/global-style.tsx | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/global-style.tsx b/src/global-style.tsx
index 121f6ca..46a2545 100644
--- a/src/global-style.tsx
+++ b/src/global-style.tsx
@@ -2,19 +2,20 @@ import { css } from "@emotion/react";
 import { mq } from "./style-predefines";
 
 export const globalStyle = (theme) =>
-  css({
-    [":root"]: {
-      colorScheme: "light dark",
-      fontFamily: "Inter, Avenir, Helvetica, Arial, sans-serif",
-      fontSize: 0.625,
-      fontSynthesis: "none",
-      textRendering: "optimizeLegibility",
-      WebkitFontSmoothing: "antialiased",
-      MozOsxFontSmoothing: "grayscale",
-      WebkitTextSizeAdjust: "100%",
-      backgroundColor: theme.backgroundColor.light,
-      [mq.dark]: {
-        backgroundColor: theme.backgroundColor.dark,
-      },
-    },
-  });
+  css`
+    :root {
+      color-scheme: light dark;
+      font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+      font-size: 0.625;
+      font-synthesis: none;
+      text-rendering: optimizeLegibility;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-text-size-adjust: 100%;
+      background-color: ${theme.backgroundColor.light};
+      overflow: hidden;
+      ${mq.dark} {
+        background-color: ${theme.backgroundColor.dark};
+      }
+    }
+  `;