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>
   );
 };