Addressing light mode flicker issue.

feifyKike · Dec 13, 2023 · 392ee7e · 392ee7e
1 parent a7cace0
commit 392ee7e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
@@ -123,12 +123,12 @@ const useDark = () => {
 	// credit: https://tailwindcss.com/docs/dark-mode#supporting-system-preference-and-manual-selection
 	if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
 		document.documentElement.classList.add('dark')
+		document.documentElement.classList.remove('bg-white')
 		darkModeActive.value = true
-		console.log("using dark")
 	} else {
 		document.documentElement.classList.remove('dark')
+		document.documentElement.classList.add('bg-white')
 		darkModeActive.value = false
-		console.log("no longer using dark")
 	}
 }