GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-08-19 21:49:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance the style of selection

Browse Source
This commit is contained in:
Li Xin 2025-04-24 16:37:35 +08:00
parent c7c9db1dbc
commit 9e07ed178d
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/app/_components/theme-toggle.tsx
View File

@ -11,11 +11,12 @@ import {
DropdownMenuItem,
DropdownMenuTrigger,
} from "~/components/ui/dropdown-menu";
import { cn } from "~/lib/utils";
import { Tooltip } from "./tooltip";
export function ThemeToggle() {
const { setTheme } = useTheme();
const { theme = "system", setTheme } = useTheme();
return (
<DropdownMenu>
@ -30,15 +31,33 @@ export function ThemeToggle() {
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => setTheme("light")}>
<Sun className="mr-2 h-4 w-4" />
Light
<span
className={cn(
theme === "light" ? "font-bold" : "text-muted-foreground",
)}
>
Light
</span>
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme("dark")}>
<Moon className="mr-2 h-4 w-4" />
Dark
<span
className={cn(
theme === "dark" ? "font-bold" : "text-muted-foreground",
)}
>
Dark
</span>
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme("system")}>
<Monitor className="mr-2 h-4 w-4" />
System
<span
className={cn(
theme === "system" ? "font-bold" : "text-muted-foreground",
)}
>
System
</span>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>