From 4d3cddd3ef5951ca88c2779056431ec7e82a78a6 Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Mon, 27 May 2024 12:47:10 +0200
Subject: [PATCH] chore: fix dark mode loading screen (#618)

---
 src/routes/tutorial/[slug]/Loading.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/routes/tutorial/[slug]/Loading.svelte b/src/routes/tutorial/[slug]/Loading.svelte
index a565b51e..6f148823 100644
--- a/src/routes/tutorial/[slug]/Loading.svelte
+++ b/src/routes/tutorial/[slug]/Loading.svelte
@@ -191,11 +191,9 @@
 		height: 10rem;
 	}
 
-	@media (prefers-color-scheme: dark) {
-		.loading {
-			--faded: #444;
-			--progress: #555;
-			--cutout: var(--sk-back-2);
-		}
+	:global(.dark) .loading {
+		--faded: #444;
+		--progress: #555;
+		--cutout: var(--sk-back-2);
 	}
 </style>