Skip to content

Add light and dark mode toggle for improved accessibility and user experience #8

@2024itb047samata

Description

@2024itb047samata

Problem Statement

The application currently does not provide users with an option to switch between light and dark themes. This can reduce usability and accessibility for users who prefer dark mode, especially during prolonged usage or in low-light environments.

Proposed Solution

Implement a theme toggle feature that allows users to switch between light mode and dark mode.

Suggested improvements:

  • Add a theme toggle button in the navbar/sidebar/header
  • Use Tailwind's dark mode support for theme styling
  • Persist selected theme using localStorage
  • Apply smooth theme transition effects where appropriate
  • Ensure all major UI components support both themes consistently

Expected Behavior

Users should be able to seamlessly switch between light and dark themes, with the selected preference preserved across sessions.

Additional Notes

The application already uses Tailwind CSS, so implementing Tailwind dark mode classes should integrate smoothly with the existing UI system.

@gopaljilab Kindly asisgn this to me

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions