diff --git a/index.html b/index.html
index 31baec3e..1cc3057c 100644
--- a/index.html
+++ b/index.html
@@ -28,16 +28,19 @@
     <meta
       property="og:image"
       content="https://github.com/CodyTseng/jumble/blob/master/resources/og-image.png?raw=true"
-    />
+    /> 
     <style>
-      body {
-        background-color: #ffffff;
+      :root {
+        --background-color: #ffffff;
       }
       @media (prefers-color-scheme: dark) {
-        body {
-          background-color: #09090b;
+        :root {
+          --background-color: #09090b;
         }
       }
+      html, body {
+        background-color: var(--background-color);
+      }
     </style>
   </head>
   <body>
