From 6b12585a96f9a6c62befd70c91072532b84768df Mon Sep 17 00:00:00 2001
From: Kevin Portable <Kevin@LAPTOP-J2LCOLEH>
Date: Fri, 14 Mar 2025 09:19:03 +0100
Subject: [PATCH] dark mode footer
---
src/components/Footer.jsx | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 4fde7a7..93ca71a 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>© {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>
--
GitLab