open-swe/apps/web/src/components/theme-toggle.tsx
Brace Sproul de8d465695
feat: Dark mode (#241)
* feat: Dark mode

* more work

* more dark/light mode, refactor thread card

* fix rest of dark mode

* cr

* cr

* cr
2025-06-18 16:44:41 -07:00

24 lines
596 B
TypeScript

"use client";
import { useTheme } from "@/components/theme-provider";
import { Moon, Sun } from "lucide-react";
import { TooltipIconButton } from "./ui/tooltip-icon-button";
export function ThemeToggle() {
const { theme, setTheme } = useTheme();
return (
<TooltipIconButton
tooltip="Toggle theme"
variant="ghost"
onClick={() => setTheme(theme === "light" ? "dark" : "light")}
aria-label="Toggle theme"
>
{theme === "light" ? (
<Moon className="size-4" />
) : (
<Sun className="size-4" />
)}
</TooltipIconButton>
);
}