From 32f23b8d383fa6214f83c29150ca4d5cb97af068 Mon Sep 17 00:00:00 2001
From: evan314159 <110177090+evan314159@users.noreply.github.com>
Date: Wed, 16 Jul 2025 22:34:45 +0800
Subject: [PATCH] fix(web): prevent flashing white background in dark mode on
 page load/reload (#19934)

* prevent flashing white background in dark mode on page load/reload, tested with Safari and Chrome on macOS

* integrate into existing FOUC-prevention

---------

Co-authored-by: Evan <evan@MacBook-Pro.local>
---
 web/src/app.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/app.html b/web/src/app.html
index 776764850f..ec8c4393ff 100644
--- a/web/src/app.html
+++ b/web/src/app.html
@@ -21,6 +21,11 @@
       html {
         height: 100%;
         width: 100%;
+        background-color: rgb(255, 255, 255);
+      }
+
+      html.dark {
+        background-color: rgb(10, 10, 10);
       }
 
       body,
@@ -29,6 +34,10 @@
         padding: 0;
       }
 
+      body {
+        transition: background-color 0.15s ease;
+      }
+
       @keyframes delayedVisibility {
         to {
           visibility: visible;