diff --git a/app/(app)/globals.css b/app/(app)/globals.css index d657139..d42bcd3 100644 --- a/app/(app)/globals.css +++ b/app/(app)/globals.css @@ -11,7 +11,7 @@ @layer base { :root { --background: 0 0% 100%; - --foreground: 240 10% 3.9%; + --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; @@ -49,8 +49,8 @@ --color-5: 90 100% 63%; } .dark { - --background: 240 10% 3.9%; - --foreground: 0 0% 98%; + --background: 220 13% 18%; + --foreground: 210 40% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --popover: 240 10% 3.9%; diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx index fdf48c8..eba68ca 100644 --- a/app/(app)/layout.tsx +++ b/app/(app)/layout.tsx @@ -3,6 +3,7 @@ import './globals.css'; import { DetailedHTMLProps, HtmlHTMLAttributes } from 'react'; import { Footer } from '@/components/home/footer'; import { GoogleTagManager } from '@next/third-parties/google'; +import { ThemeProvider } from '@/components/utils/theme-provider'; export const metadata: Metadata = { title: 'Ultra Reporter', @@ -18,13 +19,20 @@ const RootLayout = ({ HTMLHtmlElement > => { return ( - + - {children} -