feat: dynamically lock dark reader

src/app.html

@@ -44,6 +44,13 @@
 
 				console.log(`Applying theme: ${theme}`);
 				document.documentElement.classList.add(theme);
+
+				// Lock dark reader if it's set to dark mode
+				if (theme === "dark") {
+					const lock = document.createElement('meta');
+					lock.name = 'darkreader-lock';
+					document.head.appendChild(lock);
+				}
 			})();
 		</script>
 	</head>

src/lib/store/index.svelte.ts

@@ -215,6 +215,16 @@ export function setTheme(themeTo: "light" | "dark") {
 	});
 	log(["theme"], `set to ${themeTo}`);
 	theme.set(themeTo);
+
+	// Lock dark reader if it's set to dark mode
+	if (themeTo === "dark") {
+		const lock = document.createElement('meta');
+		lock.name = 'darkreader-lock';
+		document.head.appendChild(lock);
+	} else {
+		const lock = document.querySelector('meta[name="darkreader-lock"]');
+		if (lock) lock.remove();
+	}
 }
 
 export function setEffects(effectsEnabled: boolean) {