From e8022f9dee1ad1c0da4d8f862de6d047d8e8fe3d Mon Sep 17 00:00:00 2001
From: Alexander Brown <drjkl@comfy.org>
Date: Fri, 23 Jan 2026 22:23:10 -0800
Subject: [PATCH] Style: Dark mode body on load alternative (#8287)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

Alternative to https://github.com/Comfy-Org/ComfyUI_frontend/pull/8077

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-8287-Style-Dark-mode-body-on-load-alternative-2f26d73d365081fb8231f167e75beb83)
by [Unito](https://www.unito.io)
---
 index.html                               | 8 +++++++-
 manifest.json                            | 1 -
 packages/design-system/src/css/style.css | 2 --
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 0ce0b7e99..df41b803a 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,13 @@
     <meta name="mobile-web-app-capable" content="yes">
     <!-- Status bar style (eg. black or transparent) -->
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #202020;
+        }
+      }
+    </style>    
     <link rel="manifest" href="manifest.json">
   </head>
   
diff --git a/manifest.json b/manifest.json
index ad419b437..bd57dd388 100644
--- a/manifest.json
+++ b/manifest.json
@@ -11,6 +11,5 @@
     }
   ],
   "display": "standalone",
-  "background_color": "#ffffff",
   "theme_color": "#000000"
 }
diff --git a/packages/design-system/src/css/style.css b/packages/design-system/src/css/style.css
index 1fdf23af1..647b3756c 100644
--- a/packages/design-system/src/css/style.css
+++ b/packages/design-system/src/css/style.css
@@ -584,8 +584,6 @@ body {
   height: 100vh;
   margin: 0;
   overflow: hidden;
-  background: var(--bg-color) var(--bg-img);
-  color: var(--fg-color);
   min-height: -webkit-fill-available;
   max-height: -webkit-fill-available;
   min-width: -webkit-fill-available;