ManInDark/HabitTrove
1
0
Fork 0
mirror of https://github.com/ManInDark/HabitTrove.git synced 2026-01-20 22:24:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

dark mode

Browse Source
This commit is contained in:
dohsimpson
2025-01-25 13:03:07 -05:00
parent 6fe10d9fa5
commit c66e28162c
10 changed files with 246 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/layout.tsx
View File

@@ -7,6 +7,8 @@ import { JotaiHydrate } from '@/components/jotai-hydrate'
import { loadSettings, loadHabitsData, loadCoinsData, loadWishlistData } from './actions/data'
import Layout from '@/components/Layout'
import { Toaster } from '@/components/ui/toaster'
import { ThemeProvider } from "@/components/theme-provider"
// Inter (clean, modern, excellent readability)
// const inter = Inter({
@@ -42,7 +44,8 @@ export default async function RootLayout({
])
return (
<html lang="en">
// set suppressHydrationWarning to true to prevent hydration errors when using ThemeProvider (https://ui.shadcn.com/docs/dark-mode/next)
<html lang="en" suppressHydrationWarning>
<body className={activeFont.className}>
<script
dangerouslySetInnerHTML={{
@@ -71,9 +74,16 @@ export default async function RootLayout({
wishlist: initialWishlist
}}
>
<Layout>
{children}
</Layout>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<Layout>
{children}
</Layout>
</ThemeProvider>
</JotaiHydrate>
</Suspense>
</JotaiProvider>