From 9e07ed178d4fcfc57942f921dd332fe1296c1693 Mon Sep 17 00:00:00 2001 From: Li Xin Date: Thu, 24 Apr 2025 16:37:35 +0800 Subject: [PATCH] feat: enhance the style of selection --- web/src/app/_components/theme-toggle.tsx | 27 ++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/web/src/app/_components/theme-toggle.tsx b/web/src/app/_components/theme-toggle.tsx index 151cf8a..ca30ac6 100644 --- a/web/src/app/_components/theme-toggle.tsx +++ b/web/src/app/_components/theme-toggle.tsx @@ -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 ( @@ -30,15 +31,33 @@ export function ThemeToggle() { setTheme("light")}> - Light + + Light + setTheme("dark")}> - Dark + + Dark + setTheme("system")}> - System + + System +