diff --git a/src/html/index.html.template b/src/html/index.html.template
index 0225c9b3ab..fe4271c0fb 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -47,12 +47,12 @@
         background-color: var(--primary-background-color);
       }
       @media (prefers-color-scheme: dark) {
-        #ha-init-skeleton::before {
-          background-color: #1c1c1c;
-        }
         html {
           background-color: #111111;
         }
+        #ha-init-skeleton::before {
+          background-color: #1c1c1c;
+        }
       }
     </style>
   </head>