diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e83145d4..1ad1f62c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,18 +2,20 @@ import type { Metadata } from "next"; import { Inter } from "next/font/google"; import Footer from "@/components/Footer"; import Providers from "./providers"; +import Navbar from "@/components/Navbar"; import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { title: "DevTrack — Developer Productivity Dashboard", - description: "Track coding habits, visualize GitHub contributions, and hit your goals.", - + description: + "Track coding habits, visualize GitHub contributions, and hit your goals.", + icons: { icon: "/favicon.ico", shortcut: "/favicon.ico", - apple: "/apple-touch-icon.png", + apple: "/apple-touch-icon.png", }, }; @@ -32,6 +34,7 @@ export default function RootLayout({ try { const stored = localStorage.getItem('theme'); const supportDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches === true; + if (stored === 'dark' || (!stored && supportDarkMode)) { document.documentElement.classList.add('dark'); document.documentElement.style.colorScheme = 'dark'; @@ -45,11 +48,17 @@ export default function RootLayout({ }} /> - + +
+ +
{children}
+
diff --git a/src/components/Navbar.css b/src/components/Navbar.css new file mode 100644 index 00000000..e69de29b diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx new file mode 100644 index 00000000..e69de29b