Refactor layout component to add dark mode support
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user