🚀

nanarino · Dec 31, 2023 · fe316d7 · fe316d7
1 parent 924f595
commit fe316d7
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 11 deletions.
diff --git a/assets/index-0ed2946a.css b/assets/index-0ed2946a.css
diff --git a/assets/index-182f3b79.css b/assets/index-182f3b79.css
diff --git a/assets/index-b1a192c2.js b/assets/index-b1a192c2.js
diff --git a/assets/index-cdd683cd.js b/assets/index-cdd683cd.js
diff --git a/index.html b/index.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="/vue-image-uploader/theme.js"></script>
     <title>vue-image-uploader</title>
-    <script type="module" crossorigin src="/vue-image-uploader/assets/index-b1a192c2.js"></script>
-    <link rel="stylesheet" href="/vue-image-uploader/assets/index-182f3b79.css">
+    <script type="module" crossorigin src="/vue-image-uploader/assets/index-cdd683cd.js"></script>
+    <link rel="stylesheet" href="/vue-image-uploader/assets/index-0ed2946a.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/theme.js b/theme.js
@@ -2,6 +2,12 @@
  * 获取系统是否暗黑模式
  * 这个代码要放在body之前 否则可能会有闪烁
  */
-document.documentElement.dataset["theme"] = ["dark", "light"][
-  +!window.matchMedia?.("(prefers-color-scheme: dark)")?.matches
-];
+Object.defineProperty(window, "theme", {
+  get: () =>
+    localStorage.getItem("theme") ??
+    ["dark", "light"][
+        +!window.matchMedia?.("(prefers-color-scheme: dark)")
+            ?.matches
+    ],
+});
+document.documentElement.dataset["theme"] = window.theme;