From f478e9ca1c9b1ff5405bb0a803600479d6086a2d Mon Sep 17 00:00:00 2001 From: "thota.deepika.@gmail.com" Date: Wed, 26 Nov 2025 10:54:50 +0530 Subject: [PATCH] Added the dark theme with a toggle button for switching --- www/app/layout.tsx | 13 +++++---- www/components/ThemeToggle.tsx | 40 ++++++++++++++++++++++++++ www/components/animated-nav/client.tsx | 27 ++++++++++------- www/providers/ThemeProvider.tsx | 21 ++++++++++++++ www/tailwind.config.ts | 1 + 5 files changed, 86 insertions(+), 16 deletions(-) create mode 100644 www/components/ThemeToggle.tsx create mode 100644 www/providers/ThemeProvider.tsx diff --git a/www/app/layout.tsx b/www/app/layout.tsx index e60f87e0..1abe76d5 100644 --- a/www/app/layout.tsx +++ b/www/app/layout.tsx @@ -2,6 +2,7 @@ import type { Metadata } from "next"; import { Outfit, Space_Grotesk } from "next/font/google"; import "./globals.css"; import { QueryClientProvider } from "@/providers/CustomQueryClientProvider"; +import { ThemeProvider } from "@/providers/ThemeProvider"; import Script from "next/script"; import { Banner } from "@/components/banner"; @@ -30,7 +31,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - +