feat: dark mode

This commit is contained in:
shinya
2025-06-26 21:00:11 +08:00
parent 3652bf3e6b
commit d677ca9877
23 changed files with 234 additions and 78 deletions

View File

@@ -4,6 +4,7 @@ import { Inter } from 'next/font/google';
import './globals.css';
import AuthProvider from '../components/AuthProvider';
import { ThemeProvider } from '../components/ThemeProvider';
const inter = Inter({ subsets: ['latin'] });
@@ -19,12 +20,19 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang='zh-CN'>
<head>
<meta name='theme-color' content='#f9fbfe' />
</head>
<body className={`${inter.className} min-h-screen text-gray-900`}>
<AuthProvider>{children}</AuthProvider>
<html lang='zh-CN' suppressHydrationWarning>
<head />
<body
className={`${inter.className} min-h-screen bg-white text-gray-900 dark:bg-black dark:text-gray-200`}
>
<ThemeProvider
attribute='class'
defaultTheme='system'
enableSystem
disableTransitionOnChange
>
<AuthProvider>{children}</AuthProvider>
</ThemeProvider>
</body>
</html>
);