refactor: 移除主题切换功能,统一使用明亮风格

- 从 Header 移除 ThemeToggle 组件
- 删除 theme-toggle.tsx 文件
- 简化 theme-context.tsx,只保留 light 主题~
This commit is contained in:
张翔
2026-02-23 08:04:50 +08:00
parent 5f0f642ab6
commit b32fcdbbdc
3 changed files with 14 additions and 112 deletions
-44
View File
@@ -1,44 +0,0 @@
'use client';
import { useTheme } from '@/contexts/theme-context';
import { Moon, Sun, Monitor } from 'lucide-react';
import { Button } from '@/components/ui/button';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
export function ThemeToggle() {
const { theme, setTheme, resolvedTheme } = useTheme();
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" size="sm" className="relative w-9 h-9 p-0">
<Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
<span className="sr-only"></span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => setTheme('light')}>
<Sun className="mr-2 h-4 w-4" />
<span></span>
{theme === 'light' && <span className="ml-auto text-[#C41E3A]"></span>}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme('dark')}>
<Moon className="mr-2 h-4 w-4" />
<span></span>
{theme === 'dark' && <span className="ml-auto text-[#C41E3A]"></span>}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme('system')}>
<Monitor className="mr-2 h-4 w-4" />
<span></span>
{theme === 'system' && <span className="ml-auto text-[#C41E3A]"></span>}
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}