authorgravatar for 269035359+t3-code[bot]@users.noreply.github.comt3-code[bot] <269035359+t3-code[bot]@users.noreply.github.com> 2026-08-04 00:50:56+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-04 00:50:56+02:00
loga261a6440ae7c1a063ff23591f43960c7d2b06e5
tree49b8d262ded6ec22b23efc48af41ec5826a1a990
parent6f04a5cffb8fcad95f709af69eb2da2605c4d472
signature Signed by PGP key B5690EEEBB952194

fix(web): match loading screen to dark theme (#5303)


1 files changed, 4 insertions(+), 4 deletions(-)

apps/web/index.html+4-4
...@@ -7,14 +7,14 @@...@@ -7,14 +7,14 @@
7 content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content"7 content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content"
8 />8 />
9 <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />9 <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
10 <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)" />10 <meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)" />
11 <meta name="theme-color" content="#161616" />11 <meta name="theme-color" content="#0a0a0a" />
12 <link rel="icon" href="/favicon.ico" sizes="48x48" />12 <link rel="icon" href="/favicon.ico" sizes="48x48" />
13 <link rel="apple-touch-icon" href="/apple-touch-icon.png" />13 <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
14 <script>14 <script>
15 (() => {15 (() => {
16 const LIGHT_BACKGROUND = "#ffffff";16 const LIGHT_BACKGROUND = "#ffffff";
17 const DARK_BACKGROUND = "#161616";17 const DARK_BACKGROUND = "#0a0a0a";
18 const themeColorMeta = document.querySelector('meta[name="theme-color"]');18 const themeColorMeta = document.querySelector('meta[name="theme-color"]');
19 try {19 try {
20 const storedTheme = window.localStorage.getItem("t3code:theme");20 const storedTheme = window.localStorage.getItem("t3code:theme");
...@@ -58,7 +58,7 @@...@@ -58,7 +58,7 @@
58 }58 }
5959
60 html.dark body {60 html.dark body {
61 background: #161616;61 background: #0a0a0a;
62 color: #f5f5f5;62 color: #f5f5f5;
63 }63 }
6464