From 460093997048f54428f89167971a270133914989 Mon Sep 17 00:00:00 2001
From: Gabriel Simmer <gsimmer@protonmail.com>
Date: Fri, 5 May 2023 22:15:06 +0100
Subject: [PATCH] Properly handle dark mode background

---
 src/routes/+layout.svelte | 11 +++++++++++
 src/routes/+page.svelte   |  6 ------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5f00917..7746259 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -17,3 +17,14 @@
 <div class="bg-white dark:bg-slate-800">
 	<slot />
 </div>
+
+<style lang="postcss">
+	:global(html) {
+		background-color: white;
+	}
+	@media (prefers-color-scheme: dark) {
+		:global(html) {
+			background-color: theme(colors.slate.800);
+		}
+	}
+</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4d5c2cb..c9951db 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -42,9 +42,3 @@
 		</form>
 	</div>
 </div>
-
-<style lang="postcss">
-	:global(html) {
-		background-color: theme(colors.gray.100);
-	}
-</style>