raresj/mypage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🪛 Added darkmode and fixed coding standards

Browse Source
This commit is contained in:
RJ
2025-11-11 10:46:46 +02:00
parent 6ee39c4438
commit 68d9b61bbb
17 changed files with 451 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
app/layout.tsx
View File

@@ -1,6 +1,7 @@
import type { Metadata } from 'next'
import { JetBrains_Mono } from 'next/font/google'
import './globals.css'
import { ThemeProvider } from '@/providers/providers'
const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' })
@@ -33,20 +34,28 @@ export default function RootLayout({
children: React.ReactNode
}) {
return (
<html lang="ro" className={jetbrainsMono.variable}>
<body className="font-mono bg-zinc-900 text-slate-100">
{children}
<html lang="ro" suppressHydrationWarning className={jetbrainsMono.variable}>
<body className="font-mono bg-zinc-50 text-slate-900 dark:bg-zinc-900 dark:text-slate-100 transition-colors duration-300">
<ThemeProvider
attribute="class"
defaultTheme="dark"
enableSystem={false}
storageKey="blog-theme"
disableTransitionOnChange={false}
>
{children}
{/* Footer - from worktree-agent-1 */}
<footer className="border-t-4 border-slate-800 bg-slate-900">
<div className="container mx-auto px-4 py-8">
<div className="border-2 border-slate-800 p-6">
<p className="text-center text-slate-500 font-mono text-xs uppercase tracking-wider">
© 2025 // BLOG & PORTOFOLIU // ALL RIGHTS RESERVED
</p>
{/* Footer - from worktree-agent-1 */}
<footer className="border-t-4 border-slate-300 dark:border-slate-800 bg-zinc-100 dark:bg-slate-900 transition-colors duration-300">
<div className="container mx-auto px-4 py-8">
<div className="border-2 border-slate-300 dark:border-slate-800 p-6">
<p className="text-center text-slate-500 dark:text-slate-500 font-mono text-xs uppercase tracking-wider">
© 2025 // BLOG & PORTOFOLIU // ALL RIGHTS RESERVED
</p>
</div>
</div>
</div>
</footer>
</footer>
</ThemeProvider>
</body>
</html>
)