From 54d63823bb5af1bb01288d4b0b2685d136391b39 Mon Sep 17 00:00:00 2001
From: fgrreloaded <nk.nitish.nk500@gmail.com>
Date: Mon, 3 Mar 2025 22:38:20 +0530
Subject: [PATCH] changes web to only dark mode compatability

---
 apps/web/src/app/(home)/layout.tsx | 2 +-
 apps/web/src/app/global.css        | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(home)/layout.tsx b/apps/web/src/app/(home)/layout.tsx
index 15cfaf9..84915cd 100644
--- a/apps/web/src/app/(home)/layout.tsx
+++ b/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 />
diff --git a/apps/web/src/app/global.css b/apps/web/src/app/global.css
index c13b782..f7e856a 100644
--- a/apps/web/src/app/global.css
+++ b/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");
 }