Cleanup

src/app/spa-loading-template.html

@@ -7,7 +7,7 @@
 				background-color: #fff;
 			}
 
-			.dark {
+			body.dark {
 				background-color: #1a1d20;
 			}
 
@@ -78,7 +78,7 @@
 				css = "dark";
 			}
 
-			const element = document.querySelector("html");
+			const element = document.querySelector("body");
 			element.classList.add(css);
 		</script>
 	</body>

src/stores/stateStore.ts

@@ -29,10 +29,12 @@ export const useStateStore = defineStore("state", () => {
 		html.setAttribute('data-bs-theme', css);
 
 		// Theme class used by shiki syntax highlighting
-		html.classList.remove("dark");
 		if (css === "dark") {
 			html.classList.add("dark");
 		}
+		else {
+			html.classList.remove("dark");
+		}
 	}
 
 	const popoverList = ref<any[]>([]);