diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 4fde7a717646fffc97b70dc465c903f9460c6d51..93ca71ae04e5b5ff4e8f3d8cd2da3ce42bec7cd8 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -12,28 +12,30 @@ const Footer = () => {
     ];
 
     return (
-        <footer className="bg-white border-t border-gray-100">
+        <footer className="bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700 transition-colors">
             <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
                 <div className="flex flex-col items-center space-y-4">
                     {/* Team members */}
                     <div className="flex flex-wrap justify-center gap-2">
                         {teamMembers.map((member, index) => (
                             <React.Fragment key={member}>
-                                <span className="text-gray-600 font-medium">{member}</span>
+                                <span className="text-gray-600 dark:text-gray-300 font-medium">
+                                    {member}
+                                </span>
                                 {index < teamMembers.length - 1 && (
-                                    <span className="text-gray-400">•</span>
+                                    <span className="text-gray-400 dark:text-gray-500">•</span>
                                 )}
                             </React.Fragment>
                         ))}
                     </div>
 
                     {/* Copyright and signature */}
-                    <div className="flex items-center gap-2 text-sm text-gray-500">
+                    <div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
                         <span>&copy; {currentYear} TaskMaster</span>
-                        <span className="text-gray-400">|</span>
+                        <span className="text-gray-400 dark:text-gray-500">|</span>
                         <div className="flex items-center gap-1">
                             <span>Made with</span>
-                            <Heart size={14} className="text-red-500 fill-current" />
+                            <Heart size={14} className="text-red-500 dark:text-red-400 fill-current" />
                             <span>by the team</span>
                         </div>
                     </div>