diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx index 3b1a06d..28b6b15 100644 --- a/app/blogpost/layout.tsx +++ b/app/blogpost/layout.tsx @@ -1,15 +1,8 @@ import "../globals.css"; -import Link from "next/link"; -import AnimatedLink from "@/components/animatedLink"; -import Image from "next/image"; - -import MainHeader from "@/components/header/main"; -import MainFooter from "@/components/footer/main"; - export default function RootLayout({ children }: { children: React.ReactNode }) { return ( -
+
{children}
); diff --git a/app/globals.css b/app/globals.css index 96cf646..6417721 100644 --- a/app/globals.css +++ b/app/globals.css @@ -15,9 +15,9 @@ body { color: var(--foreground); background: var(--background); - font-family: "JetBrains Mono", monospace; + font-family: "Open Sans", sans-serif; } -.light { +.dark { @apply bg-black text-white; } diff --git a/app/layout.tsx b/app/layout.tsx index 2ab1418..8ea897e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -31,8 +31,8 @@ export const metadata: Metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - -
+ +
{children} diff --git a/components/header/theme-switcher.tsx b/components/header/theme-switcher.tsx deleted file mode 100644 index da5be76..0000000 --- a/components/header/theme-switcher.tsx +++ /dev/null @@ -1,50 +0,0 @@ -'use client'; - -import { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from 'next/link'; -import moonPic from '@/public/moon.svg'; -import sunPic from '@/public/sun.svg'; - -export function ThemeSwitcher() { - const [isLightMode, setIsLightMode] = useState(false); - - // Initialize theme from localStorage or system preference - useEffect(() => { - const savedTheme = localStorage.getItem('theme'); - const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; - - if (savedTheme === 'light' || (!savedTheme && !systemPrefersDark)) { - setIsLightMode(true); - document.documentElement.classList.add('light'); - } - }, []); - - // Toggle theme and save preference - const toggleTheme = () => { - const newLightMode = !isLightMode; - setIsLightMode(newLightMode); - - if (newLightMode) { - document.documentElement.classList.add('light'); - localStorage.setItem('theme', 'light'); - } else { - document.documentElement.classList.remove('light'); - localStorage.setItem('theme', 'dark'); - } - }; - - return ( -
  • - - {isLightMode - -
    • - ); -} \ No newline at end of file diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index ea9077d..78b79e4 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -2,12 +2,9 @@ import Image from 'next/image'; import Link from 'next/link'; -import { ThemeSwitcher } from './theme-switcher'; - import globePic from '../../public/globe.svg'; import emailPic from '../../public/email.svg'; import rssPic from '../../public/rss-feed.svg'; -import supportPic from '../../public/support.svg'; import settingsPic from '../../public/settings.svg'; import AnimatedLink from '../animatedLink'; @@ -20,7 +17,6 @@ export default function Toolbar() {
      -
    • \ No newline at end of file