Update package.json

package.json

@@ -1,6 +1,6 @@
 {
   "name": "homepage",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",

src/pages/index.jsx

@@ -524,7 +524,7 @@ export default function Wrapper({ initialSettings, fallback }) {
     const body = document.body;
 
     html.classList.remove("dark", "scheme-dark", "scheme-light");
-    html.classList.add(theme === "dark" ? "dark" : "");
+    html.classList.toggle("dark", theme === "dark");
     html.classList.add(theme === "dark" ? "scheme-dark" : "scheme-light");
 
     html.classList.remove(...Array.from(html.classList).filter((cls) => cls.startsWith("theme-")));

src/styles/globals.css

@@ -30,12 +30,13 @@ body,
   height: 100%;
   margin: 0;
   padding: 0;
+  background-color: rgb(var(--bg-color));
 }
 
 #background {
   position: fixed;
   inset: 0;
-  z-index: -1;
+  z-index: 0;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;