Skip to content

Footer does not support light mode #835

@SafaMaqbool

Description

@SafaMaqbool

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions