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 { Inter } from "next/font/google";
import { Geist } from "next/font/google";
import "./globals.css";
import { ThemeProvider } from "next-themes";
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 = {
title: 'iCal PWA',
@@ -20,7 +20,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<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
attribute="class"
@@ -28,8 +28,8 @@ export default function RootLayout({
enableSystem
disableTransitionOnChange
>
<header className="bg-blue-600 text-white px-4 py-3 font-bold shadow">
iCal PWA
<header className="dark:text-white text-gray-900 px-4 py-3 font-bold shadow flex justify-between items-center-safe">
{metadata.title as string || "iCal PWA"}
<ModeToggle />
</header>
<main className="flex-1 p-4">{children}</main>