From a7476cb1405401b889d274da8f34f8a046089336 Mon Sep 17 00:00:00 2001 From: Derek Slenk Date: Thu, 26 Jun 2025 18:06:44 +0000 Subject: [PATCH] Could we add a feature that detects if you are using dark mode, and swit --- package-lock.json | 11 +++++++++++ package.json | 1 + src/app/layout.tsx | 14 +++++++++++--- src/components/theme-provider.tsx | 9 +++++++++ 4 files changed, 32 insertions(+), 3 deletions(-) create mode 100644 src/components/theme-provider.tsx diff --git a/package-lock.json b/package-lock.json index c67c9cc..45ffc03 100644 --- a/package-lock.json +++ b/package-lock.json @@ -41,6 +41,7 @@ "genkit": "^1.13.0", "lucide-react": "^0.475.0", "next": "15.3.3", + "next-themes": "^0.3.0", "patch-package": "^8.0.0", "react": "^18.3.1", "react-day-picker": "^8.10.1", @@ -7438,6 +7439,16 @@ } } }, + "node_modules/next-themes": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.3.0.tgz", + "integrity": "sha512-/QHIrsYpd6Kfk7xakK4svpDI5mmXP0gfvCoJdGpZQ2TOrQZmsW0QxjaiLn8wbIKjtm4BTSqLoix4lxYYOnLJ/w==", + "license": "MIT", + "peerDependencies": { + "react": "^16.8 || ^17 || ^18", + "react-dom": "^16.8 || ^17 || ^18" + } + }, "node_modules/next/node_modules/postcss": { "version": "8.4.31", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", diff --git a/package.json b/package.json index 575d1cc..4b72df3 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "genkit": "^1.13.0", "lucide-react": "^0.475.0", "next": "15.3.3", + "next-themes": "^0.3.0", "patch-package": "^8.0.0", "react": "^18.3.1", "react-day-picker": "^8.10.1", diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 20504c4..daff44b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from 'next'; import './globals.css'; import { Toaster } from '@/components/ui/toaster'; +import { ThemeProvider } from '@/components/theme-provider'; export const metadata: Metadata = { title: 'Cheating Chelsea Exposed', @@ -14,7 +15,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + - {children} - + + {children} + + ); diff --git a/src/components/theme-provider.tsx b/src/components/theme-provider.tsx new file mode 100644 index 0000000..ffac782 --- /dev/null +++ b/src/components/theme-provider.tsx @@ -0,0 +1,9 @@ +"use client" + +import * as React from "react" +import { ThemeProvider as NextThemesProvider } from "next-themes" +import type { ThemeProviderProps } from "next-themes/dist/types" + +export function ThemeProvider({ children, ...props }: ThemeProviderProps) { + return {children} +}