From ec0498f425e326dd488fc12740f264efb6c9d379 Mon Sep 17 00:00:00 2001
From: AderKonstantin <dev@aderk.tech>
Date: Tue, 20 Jan 2026 01:45:11 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=88=20style:=20correct=20colors=20for?=
 =?UTF-8?q?=20dark=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/animatedLink.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/animatedLink.tsx b/components/animatedLink.tsx
index 8e03faa..b8eb3ae 100644
--- a/components/animatedLink.tsx
+++ b/components/animatedLink.tsx
@@ -5,16 +5,26 @@ interface AnimatedLinkProps {
   href: string;
   children: React.ReactNode;
   className?: string;
+  underlineColor?: string;
+  textColor?: string;
 }
 
-const AnimatedLink = ({ href, children, className = '' }: AnimatedLinkProps) => {
+const AnimatedLink = ({ 
+  href, 
+  children, 
+  className = '', 
+  underlineColor = 'bg-black dark:bg-white',
+  textColor = 'text-black dark:text-white'
+}: AnimatedLinkProps) => {
   return (
     <Link
       href={href}
-      className={`group relative text-white hover:text-white ${className}`}
+      className={`group relative ${textColor} transition-colors duration-300 ${className}`}
     >
       {children}
-      <span className="absolute bottom-0 left-0 w-full h-0.5 bg-white transform scale-x-0 origin-left transition-transform duration-300 ease-in-out group-hover:scale-x-100"></span>
+      <span 
+        className={`absolute bottom-0 left-0 w-full h-0.5 ${underlineColor} transform scale-x-0 origin-left transition-transform duration-300 ease-in-out group-hover:scale-x-100`}
+      ></span>
     </Link>
   );
 };