From 2afd4ec6fbb63d03d21a8114c25abeff1cdd5a8b Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sun, 31 Aug 2025 00:01:38 +0200
Subject: feat: switching theme across entire site

---
 apps/web/src/components/header.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'apps/web/src/components/header.tsx')

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 2bfc82b7..f8877330 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -5,6 +5,7 @@ import { Button } from "./ui/button";
 import { ArrowRight } from "lucide-react";
 import { HeaderBase } from "./header-base";
 import Image from "next/image";
+import { ThemeToggle } from "./theme-toggle";
 
 export function Header() {
   const leftContent = (
@@ -21,7 +22,7 @@ export function Header() {
   );
 
   const rightContent = (
-    <nav className="flex items-center gap-1">
+    <nav className="flex items-center gap-2">
       <div className="flex items-center gap-4">
         <Link href="/blog">
           <Button variant="text" className="text-sm p-0">
@@ -35,11 +36,12 @@ export function Header() {
         </Link>
       </div>
       <Link href="/projects">
-        <Button size="sm" className="text-sm ml-4">
+        <Button size="sm" className="text-sm ml-2">
           Projects
           <ArrowRight className="h-4 w-4" />
         </Button>
       </Link>
+      <ThemeToggle className="mr-2" />
     </nav>
   );
 
-- 
cgit v1.3.1