old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actual dark mode theme

Browse Source
This commit is contained in:
Dmytro Stanchiev
2025-08-16 11:05:47 -04:00
parent eea61bcb0f
commit f747a82322
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/layout.tsx
View File

@@ -1,10 +1,10 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Geist } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ThemeProvider } from "next-themes"; import { ThemeProvider } from "next-themes";
import { ModeToggle } from "@/components/mode-toggle"; import { ModeToggle } from "@/components/mode-toggle";
const inter = Inter({ subsets: ['latin'], variable: "--font-inter" }) const geist = Geist({ subsets: ['latin', 'cyrillic'], variable: "--font-geist-sans" })
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'iCal PWA', title: 'iCal PWA',
@@ -20,7 +20,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body <body
className={`${inter.variable} antialiased min-h-screen flex flex-col bg-gray-50 text-gray-900`} className={`${geist.variable} antialiased min-h-screen flex flex-col dark:text-gray-300 --color-background`}
> >
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"
@@ -28,8 +28,8 @@ export default function RootLayout({
enableSystem enableSystem
disableTransitionOnChange disableTransitionOnChange
> >
<header className="bg-blue-600 text-white px-4 py-3 font-bold shadow"> <header className="dark:text-white text-gray-900 px-4 py-3 font-bold shadow flex justify-between items-center-safe">
iCal PWA {metadata.title as string || "iCal PWA"}
<ModeToggle /> <ModeToggle />
</header> </header>
<main className="flex-1 p-4">{children}</main> <main className="flex-1 p-4">{children}</main>