Refactor layout component to add dark mode support

This commit is contained in:
mauro-balades 2024-09-23 20:43:19 +02:00
parent cbd36b503f
commit 2801ebbc28

View file

@ -5,6 +5,7 @@ import { ThemeProvider } from "@/components/theme-provider";
import StyledComponentsRegistry from "@/lib/styled-components-registry"; import StyledComponentsRegistry from "@/lib/styled-components-registry";
import Footer from "@/components/footer"; import Footer from "@/components/footer";
import { Navigation } from "@/components/navigation"; import { Navigation } from "@/components/navigation";
import { ny } from "@/lib/utils";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
@ -35,7 +36,7 @@ export default async function RootLayout({
href="https://www.zen-browser.app/feed.xml" href="https://www.zen-browser.app/feed.xml"
/> />
</head> </head>
<body className={inter.className}> <body className={ny(inter.className, 'dark')}>
<ThemeProvider attribute="class" defaultTheme="dark"> <ThemeProvider attribute="class" defaultTheme="dark">
<StyledComponentsRegistry> <StyledComponentsRegistry>
<div className="mt-5"> <div className="mt-5">