生产管理系统前端 暗色切换调试按钮

crop-x/src/components/layouts/Navbar.tsx

@@ -4,6 +4,7 @@ import { Book, Menu, Sunset, Trees, Zap } from "lucide-react";
 import { Tractor, Map, Clipboard, Package, Brain, Droplets, Settings } from 'lucide-react';
 import { MessageBell } from './components/MessageBell';
 import { UserProfile } from './components/UserProfile';
+import { ThemeToggle } from './ThemeToggle';
 import { AuthProvider } from './components/auth/AuthContext';
 import { useElementHeight } from '@/hooks/useElementHeight';
 import { useViewHeight } from '@/hooks/useViewHeight';
@@ -197,6 +198,7 @@ const Navbar1 = () => {
             </div>
           </div>
           <div className="flex gap-2" style = {{alignItems:"center"}}>
+            <ThemeToggle />
             <MessageBell onMessageClick={handleMessageClick} />
             <UserProfile onProfileClick={handleProfileClick} />
           </div>
@@ -241,6 +243,9 @@ const Navbar1 = () => {
                   </Accordion>
 
                   <div className="flex flex-col gap-3">
+                    <div className="flex justify-center">
+                      <ThemeToggle />
+                    </div>
                     <div className="flex justify-center">
                       <MessageBell onMessageClick={handleMessageClick} />
                     </div>