From 82a317982d429b4e46a20b473a9123e4ac3fea9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aleksa=20Siri=C5=A1ki?=
 <31509435+aleksasiriski@users.noreply.github.com>
Date: Thu, 28 Mar 2024 20:44:39 +0100
Subject: [PATCH] fix(html): faster theme picking

---
 src/app.html              | 11 +++++++++++
 src/routes/+layout.svelte | 13 -------------
 2 files changed, 11 insertions(+), 13 deletions(-)
diff --git a/src/app.html b/src/app.html
index 2880668a..c5ed239b 100644
--- a/src/app.html
+++ b/src/app.html
@@ -26,6 +26,17 @@
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="theme-color" content="#ffb581" />
 
+		<script type="text/javascript">
+			if (
+				localStorage.theme === 'dark' ||
+				(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
+			) {
+				document.documentElement.classList.add('dark');
+			} else {
+				document.documentElement.classList.remove('dark');
+			}
+		</script>
+
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover" class="dark:bg-zinc-900 min-h-screen flex flex-col">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8285409d..7640d70a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,19 +7,6 @@
 	import Footer from '$lib/components/Footer.svelte';
 </script>
 
-<svelte:head>
-	<script type="text/javascript">
-		if (
-			localStorage.theme === 'dark' ||
-			(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
-		) {
-			document.documentElement.classList.add('dark');
-		} else {
-			document.documentElement.classList.remove('dark');
-		}
-	</script>
-</svelte:head>
-
 <DarkModeToggle />
 <slot />
 <Footer />
