BUG: Landing website -Footer does not respect light/dark theme toggle #1122
Description
Is there an existing issue for this?
- I have searched the existing issues
What happened?
Description
The footer currently stays in dark mode for both light and dark theme toggles, which causes an inconsistent UI experience compared to the rest of the landing page.
The footer should properly switch styles based on the active theme (light or dark).
Current Behavior
- Footer background is always dark
- Text colors do not adapt to light mode
- Theme toggle has no effect on the footer
Expected Behavior
- Footer should be light in light mode
- Footer should be dark in dark mode
- Colors should smoothly transition with theme toggle
Proposed Fix
Update Footer.jsx to support Tailwind dark: classes.
Files Affected
Footer.jsx
Before:
<footer className="relative bg-black text-white py-8 overflow-hidden">
After :
<footer className="relative bg-white dark:bg-black text-gray-900 dark:text-white py-8 overflow-hidden transition-colors duration-300 border-t border-gray-100 dark:border-gray-900">
Screenshots
Before (Footer always dark) :
After (Footer adapts to light & dark mode)
Record
- I agree to follow this project's Code of Conduct