修正令人困惑的变量名

Author: LingLambda

src/heads/BaseHead.astro

@@ -35,7 +35,7 @@ const { description, keywords } = Astro.props;
 <script src="../scripts/swUnregister.ts"></script>
 <script is:inline>
 const THEME_DARK = "dark"
-const THEME_VARIABLE = "prefers-color-scheme";
+const THEME_VARIABLE = "data-color-scheme";
 const THEME_LOCAL_STORAGE = "data-theme";
 
   const getMediaColorIsDark = () => {

src/styles/theme.css

@@ -47,7 +47,7 @@
   --tag-count-color: #888888;
 }
 
-:root[prefers-color-scheme="wilderness"] {
+:root[data-color-scheme="wilderness"] {
   /* 
   漫野来信 主色调
   #829A8A
@@ -112,7 +112,7 @@
   --tag-count-color: #888888;
 }
 
-:root[prefers-color-scheme="dark"] {
+:root[data-color-scheme="dark"] {
   --bg-color: #333333;
   --reverse-bg-color: #f0f0f0;
   --overlay-color: rgba(0, 0, 0, 0.7);
@@ -146,7 +146,7 @@
   --tag-count-color: #999999;
 }
 
-:root[prefers-color-scheme="dark"] {
+:root[data-color-scheme="dark"] {
   .astro-code,
   .astro-code span {
     color: var(--shiki-dark) !important;

src/utils/constant.ts

@@ -1,7 +1,7 @@
 export const THEME_DARK = "dark";
 export const THEME_LIGHT = "light";
 export const THEME_WILDERNESS = "wilderness";
-export const THEME_VARIABLE = "prefers-color-scheme";
+export const THEME_VARIABLE = "data-color-scheme";
 export const THEME_LOCAL_STORAGE = "data-theme";
 
 export const ThemeMode = [