changes web to only dark mode compatability

Author: FgrReloaded

apps/web/src/app/(home)/layout.tsx

@@ -10,7 +10,7 @@ export const metadata: Metadata = {
 
 export default function Layout({ children }: { children: ReactNode }) {
 	return (
-		<main className="relative z-10 min-h-svh bg-zinc-50 dark:bg-slate-950 transition-colors duration-300 overflow-hidden">
+		<main className="relative z-10 min-h-svh bg-zinc-50 dark:bg-slate-950 transition-colors duration-300 overflow-hidden dark">
 			<Navbar />
 			{children}
 			<Footer />

apps/web/src/app/global.css

@@ -4,6 +4,8 @@
 
 @source '../../../../node_modules/fumadocs-ui/dist/**/*.js';
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 .bg-noise {
 	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");
 }