From 15ff9b06a1228c8f86ecb56c856d7406dab0d9c7 Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Tue, 11 Oct 2022 20:49:03 +0800
Subject: [PATCH] fix: root background color

---
 src/assets/styles/index.scss              | 6 ++++++
 src/components/layout/use-custom-theme.ts | 1 -
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 599dd24..abd84ec 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -31,3 +31,9 @@ body {
 
 @import "./layout.scss";
 @import "./page.scss";
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    background-color: rgba(18, 18, 18, 1);
+  }
+}
diff --git a/src/components/layout/use-custom-theme.ts b/src/components/layout/use-custom-theme.ts
index dd6c17e..7c52371 100644
--- a/src/components/layout/use-custom-theme.ts
+++ b/src/components/layout/use-custom-theme.ts
@@ -67,7 +67,6 @@ export default function useCustomTheme() {
     const scrollColor = mode === "light" ? "#90939980" : "#54545480";
 
     const rootEle = document.documentElement;
-    rootEle.style.background = "transparent";
     rootEle.style.setProperty("--selection-color", selectColor);
     rootEle.style.setProperty("--scroller-color", scrollColor);
     rootEle.style.setProperty("--primary-main", theme.palette.primary.main);