From cf6ce73e555944174aab6e114f433426e26c388d Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Fri, 3 Oct 2025 00:28:57 +0200
Subject: [PATCH] fix early theme background color loading

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/app.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/src/app.html b/frontend/src/app.html
index 06fe453..a153d7e 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -4,6 +4,23 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<script>
+			// prevent white flash in dark mode
+			(function () {
+				try {
+					const storedTheme = localStorage.getItem('theme-mode');
+					const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+					const isDark = storedTheme === 'dark' || (!storedTheme && prefersDark);
+
+					if (isDark) {
+						document.documentElement.classList.add('dark');
+						document.documentElement.style.backgroundColor = '#111827';
+					}
+				} catch (e) {
+					// ignore errors
+				}
+			})();
+		</script>
 		%sveltekit.head%
 	</head>