From a261a6440ae7c1a063ff23591f43960c7d2b06e5 Mon Sep 17 00:00:00 2001
From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com>
Date: Tue, 4 Aug 2026 00:50:56 +0200
Subject: [PATCH] fix(web): match loading screen to dark theme (#5303)

---
 apps/web/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/index.html b/apps/web/index.html
index dadef17d3bc63316f0342f5fc220ff1ff6305b65..eccee92878b33ad37473be709d29c9cddb7fa01b 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -7,14 +7,14 @@
       content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content"
     />
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
-    <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)" />
-    <meta name="theme-color" content="#161616" />
+    <meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" content="#0a0a0a" />
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <script>
       (() => {
         const LIGHT_BACKGROUND = "#ffffff";
-        const DARK_BACKGROUND = "#161616";
+        const DARK_BACKGROUND = "#0a0a0a";
         const themeColorMeta = document.querySelector('meta[name="theme-color"]');
         try {
           const storedTheme = window.localStorage.getItem("t3code:theme");
@@ -58,7 +58,7 @@
       }
 
       html.dark body {
-        background: #161616;
+        background: #0a0a0a;
         color: #f5f5f5;
       }
 
-- 
2.54.0