/
indievid
/
Meteo
Обзор
Документация
Войти
/
indievid
/
Meteo
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
dev
src/components/theme-toggle.tsx
19 строк
685 B
studio-agent
GigaStudio NextJs шаблон
30 июн 2026, 14:34
30 июн 2026, 14:34
acdb2bd
Код
Авторство
О чём код?
"use client"; import { Moon, Sun } from "lucide-react"; import { useTheme } from "next-themes"; export function ThemeToggle() { const { resolvedTheme, setTheme } = useTheme(); return ( <button onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")} className="relative flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground" aria-label="Toggle theme" > <Sun className="h-4 w-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" /> <Moon className="absolute h-4 w-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" /> </button> ); }