albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

c:

Browse source
This commit is contained in:
skidoodle 2024-01-15 20:01:46 +01:00
parent bb3af41117
commit 9a5ac2e681
1 changed files with 3 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/ThemeSwitcher.tsx
View file

@ -5,26 +5,16 @@ export const ThemeSwitcher = () => {
const { theme, setTheme } = useTheme()
const toggle = () => {
switch (theme) {
case 'dark':
setTheme('light')
break
case 'light':
setTheme('dark')
break
default:
setTheme('dark')
break
}
setTheme(theme === 'light' ? 'dark' : 'light')
}
return (
<button
aria-label='Switch Theme'
type='button'
className={`ml-auto mr-5 mt-5 flex transition duration-300 ease-in-out ${
className={`ml-auto mr-5 mt-5 flex transition-colors duration-300 ease-in-out p-2 rounded-full ${
theme === 'light' ? 'hover:bg-gray-300' : 'dark:hover:bg-gray-700'
} p-2 rounded-full`}
}`}
onClick={() => toggle()}
>
<VscColorMode size={30} />