From bcbdc36b7d4e90caf6c0001b7e5b2748c94acaf1 Mon Sep 17 00:00:00 2001
From: Shweta0416 <shwetushweta8@gmail.com>
Date: Thu, 4 Jun 2026 20:54:17 +0530
Subject: [PATCH] feat: Add dark/light mode toggle in navbar

---
 frontend/package-lock.json                | 1 -
 frontend/src/components/layout/Header.tsx | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 61df91ff..52abdefa 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -5699,7 +5699,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 49e71468..07647ddc 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -6,7 +6,7 @@ import { useRouter } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
-import {
+import { ThemeToggle } from "@/components/layout/ThemeToggle";
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
@@ -38,7 +38,7 @@ import { useWorkspaceStore, WORKSPACES, type WorkspaceId } from "@/store/workspa
 import { api } from "@/lib/api";
 import { useTheme } from "next-themes";
 import HuggingFaceTokenModal from "@/components/auth/HuggingFaceTokenModal";
-
+import { ThemeToggle } from "@/components/layout/ThemeToggle";
 import { useSyncExternalStore } from "react";
 
 interface HeaderProps {
@@ -268,6 +268,7 @@ export default function Header({
             </div>
             <span className="font-semibold text-sm">Document AI Analyst</span>
           </div>
+          <ThemeToggle />
           <Button
             variant="ghost"
             size="icon"