From 5edefb476166b4af22813090316e53a053be7411 Mon Sep 17 00:00:00 2001
From: Emmanuel Simon <musavili2022@gmail.com>
Date: Sun, 11 May 2025 18:06:07 +0300
Subject: [PATCH] feat: add purple hover text effect to theme toggle button

---
 components/ui/ThemeSelector.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ui/ThemeSelector.tsx b/components/ui/ThemeSelector.tsx
index b851321d..68b6a0c1 100644
--- 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' />