Snigdha-OS/package-browser
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/package-browser.git synced 2025-09-07 05:05:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚡️ perf(smooth): removed libs and smooth transition ++

Browse Source
This commit is contained in:
eshanized
2024-12-27 21:31:39 +05:30
parent 6bf00156f5
commit 08891e20ca
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ThemeToggle.tsx
View File

@@ -1,4 +1,3 @@
import React from 'react';
import { Moon, Sun } from 'lucide-react';
import { useTheme } from '../hooks/useTheme';
@@ -8,14 +7,14 @@ export function ThemeToggle() {
return (
<button
onClick={toggleTheme}
className="p-2 rounded-lg bg-nord-8/10 hover:bg-nord-8/20 transition-colors"
className="p-3 rounded-full bg-nord-8/10 dark:bg-nord-8/20 hover:bg-nord-8/20 dark:hover:bg-nord-8/30 transition-all ease-in-out duration-300"
aria-label="Toggle theme"
>
{theme === 'dark' ? (
<Sun className="h-5 w-5 text-nord-4" />
<Sun className="h-6 w-6 text-nord-4 transition-transform transform rotate-0 dark:rotate-180" />
) : (
<Moon className="h-5 w-5 text-nord-4" />
<Moon className="h-6 w-6 text-nord-4 transition-transform transform rotate-360 dark:rotate-360" />
)}
</button>
);
}
}