fix dark mode FOUC!!!!!

components/Head.tsx

@@ -1,8 +1,8 @@
 import { asset, Head as FreshHead } from '$fresh/runtime.ts';
-import { ErrorPageProps, PageProps, UnknownPageProps } from '$fresh/server.ts';
+import { PageProps } from '$fresh/server.ts';
 
 interface HeadProps {
-	PageProps: PageProps | UnknownPageProps | ErrorPageProps;
+	PageProps: PageProps;
 }
 
 function Head({ PageProps }: HeadProps) {

fresh.config.ts

@@ -1,11 +1,9 @@
 import { defineConfig } from '$fresh/server.ts';
 import tailwind from '$fresh/plugins/tailwind.ts';
 import tailwindConfig from '@/tailwind.config.ts';
-import themeMode from '@/plugins/themeMode.ts';
 
 export default defineConfig({
 	plugins: [
 		tailwind(tailwindConfig), // ignore error, bug within the framework plugin
-		// themeMode(),
 	],
 });

routes/_app.tsx

@@ -3,6 +3,18 @@ import { PageProps } from '$fresh/server.ts';
 export default function App({ Component /* state */ }: PageProps) {
 	return (
 		<>
+			{/* SSR for dark/light mode */}
+			<script>
+				{`(function () {
+	try {
+		const mode = localStorage.getItem('theme');
+		document.getElementsByTagName('html')[0].className = mode === 'dark' ? 'dark' : 'light';
+	} catch (e) {
+		console.error(e);
+	}
+})();
+`}
+			</script>
 			<link rel='stylesheet' href='/styles/tailwind.css' />
 			<Component />
 		</>