Refactor layout component to add dark mode support

2024-09-23 20:43:19 +02:00
parent cbd36b503f
commit 2801ebbc28
1 changed files with 2 additions and 1 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import StyledComponentsRegistry from "@/lib/styled-components-registry";
 import Footer from "@/components/footer";
 import { Navigation } from "@/components/navigation";
+import { ny } from "@/lib/utils";

 const inter = Inter({ subsets: ["latin"] });

@@ -35,7 +36,7 @@ export default async function RootLayout({
 					href="https://www.zen-browser.app/feed.xml"
 				/>
 			</head>
-			<body className={inter.className}>
+			<body className={ny(inter.className, 'dark')}>
 				<ThemeProvider attribute="class" defaultTheme="dark">
 					<StyledComponentsRegistry>
 						<div className="mt-5">