Light mode

This commit is contained in:
2026-03-11 23:27:19 +01:00 Verified
parent 658a8edf15
commit 3cda989390
16 changed files with 345 additions and 237 deletions
+19 -21
View File
@@ -1,8 +1,9 @@
// app/layout.tsx
import Navbar from './components/Navbar';
import './globals.css';
import Link from 'next/link';
import Navbar from './components/Navbar';
import { ThemeProvider } from './components/ThemeProvider';
import './globals.css';
export const metadata = {
title: 'Soderberg Tech',
@@ -12,30 +13,27 @@ export const metadata = {
shortcut: '/assets/logos/logo.svg',
apple: '/assets/logos/logo.svg',
},
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body className="flex flex-col min-h-screen m-0 p-0 font-sans bg-[#0d1117]">
<Navbar />
<html lang="en" suppressHydrationWarning>
<body className="flex flex-col min-h-screen m-0 p-0 font-sans bg-slate-50 dark:bg-[#0d1117] transition-colors duration-300">
<ThemeProvider>
<Navbar />
<main className="flex flex-col flex-1">
{children}
</main>
<main className="flex flex-col flex-1">
{children}
</main>
<footer className="w-full relative z-50 mt-auto border-t border-white/5">
<div className="bg-[#0d1117] flex justify-center items-center h-10">
<Link className="text-[#a0aab6] no-underline flex font-medium items-center hover:text-white transition-colors text-sm tracking-widest uppercase" href="/">
© William Söderberg {new Date().getFullYear()}
</Link>
</div>
</footer>
<footer className="w-full relative z-50 mt-auto border-t border-slate-200 dark:border-white/5 transition-colors duration-300">
<div className="bg-slate-100 dark:bg-[#0d1117] flex justify-center items-center h-10 transition-colors duration-300">
<Link className="text-slate-500 dark:text-[#a0aab6] no-underline flex font-medium items-center hover:text-slate-900 dark:hover:text-white transition-colors text-sm tracking-widest uppercase" href="/">
© William Söderberg {new Date().getFullYear()}
</Link>
</div>
</footer>
</ThemeProvider>
</body>
</html>
);