Merge pull request #601 from VenomousKnight/my-new-feature

nikohoffren · web-flow · commit 318ecef4287c · 2025-05-12T08:57:42.000+03:00
feat: add purple hover text effect to theme toggle button
diff --git a/components/ui/ThemeSelector.tsx b/components/ui/ThemeSelector.tsx
@@ -21,7 +21,7 @@ const ThemeSelector = () => {
   return (
     <button
       onClick={toggleTheme}
-      className='text-text-1 hover:bg-background-2 focus:ring-primary flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium focus:outline-none focus:ring-2'
+      className='text-text-1 hover:bg-background-2 focus:ring-primary flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium focus:outline-none focus:ring-2 hover:text-purple-400'
     >
       {theme === 'dark' ? (
         <SunIcon className='h-5 w-5' />

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const ThemeSelector = () => {`
`21`	`21`	`return (`
`22`	`22`	`<button`
`23`	`23`	`onClick={toggleTheme}`
`24`		`- className='text-text-1 hover:bg-background-2 focus:ring-primary flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium focus:outline-none focus:ring-2'`
	`24`	`+ className='text-text-1 hover:bg-background-2 focus:ring-primary flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium focus:outline-none focus:ring-2 hover:text-purple-400'`
`25`	`25`	`>`
`26`	`26`	`{theme === 'dark' ? (`
`27`	`27`	`<SunIcon className='h-5 w-5' />`