Description
The footer currently does not adapt to light mode and remains styled for dark mode only. This causes a visual inconsistency when the rest of the website is in light mode.
Problem
- Footer uses dark-themed styles by default
- No dedicated light mode styling is implemented
- Creates a mismatch with the rest of the UI in light mode
Current Behavior
- Footer appears dark regardless of the active theme
- Elements such as background, text, and icons are optimized for dark mode only
Expected Behavior
- Footer should support both light and dark modes
- In light mode:
- Background should be lighter (e.g.,
bg-gray-50 or similar)
- Text and icons should have proper contrast
- In dark mode:
- Existing styles should remain unchanged
Proposed Solution
- Introduce light mode styles using Tailwind’s default classes
- Use
dark: utilities to preserve current dark mode design
- Adjust colors for background, text, and icons to ensure proper contrast in both modes
Additional Context
This will improve overall UI consistency and provide a better user experience across themes.
Description
The footer currently does not adapt to light mode and remains styled for dark mode only. This causes a visual inconsistency when the rest of the website is in light mode.
Problem
Current Behavior
Expected Behavior
bg-gray-50or similar)Proposed Solution
dark:utilities to preserve current dark mode designAdditional Context
This will improve overall UI consistency and provide a better user experience across themes.