From d02804449ae6826abb50f86d9d2809568879a3df Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Thu, 13 Nov 2025 21:33:30 +0000
Subject: [PATCH] Merge media selectors for index.html.template (#27941)

---
 src/html/index.html.template | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/html/index.html.template b/src/html/index.html.template
index 48e5fcb1e2..76198db310 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -40,12 +40,6 @@
         color: var(--primary-text-color, #212121);
         height: 100vh;
       }
-      @media (prefers-color-scheme: dark) {
-        html {
-          background-color: var(--primary-background-color, #111111);
-          color: var(--primary-text-color, #e1e1e1);
-        }
-      }
       #ha-launch-screen {
         position: fixed;
         top: 0;
@@ -62,12 +56,6 @@
         background-color: var(--primary-background-color, #fafafa);
         z-index: 100;
       }
-      @media (prefers-color-scheme: dark) {
-        /* body selector to avoid minification causing bad jinja2 */
-        body #ha-launch-screen {
-          background-color: var(--primary-background-color, #111111);
-        }
-      }
       #ha-launch-screen.removing {
         opacity: 0;
       }
@@ -92,6 +80,14 @@
         opacity: .66;
       }
       @media (prefers-color-scheme: dark) {
+        html {
+          background-color: var(--primary-background-color, #111111);
+          color: var(--primary-text-color, #e1e1e1);
+        }
+        /* body selector to avoid minification causing bad jinja2 */
+        body #ha-launch-screen {
+          background-color: var(--primary-background-color, #111111);
+        }
         .ohf-logo {
           filter: invert(1);
         }