light and dark theme

This commit is contained in:
Takeshi Kimata
2024-02-17 09:49:11 +09:00
parent d889655324
commit ce3cd7ae03
4 changed files with 6 additions and 20 deletions

View File

@@ -38,7 +38,7 @@ export default function RootLayout({
)}
>
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
<div className="relative flex flex-col h-screen bg-slate-100">
<div className="relative flex flex-col h-screen light:bg-gray-50 dark:bg-gray-900">
<Navbar />
<main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow">
{children}