Implement Dark Mode for the Website

[Mohitranag18]

Description:

To improve user experience, I would like to add a dark mode option on the website, allowing users to switch between light and dark themes. This feature will provide better accessibility and reduce eye strain, especially for users browsing at night or in low-light environments.

Requirements:

• Add a toggle button or switch in the website’s header or settings menu to enable/disable dark mode.
• Ensure that all website elements (text, backgrounds, buttons, icons, etc.) are adjusted for dark mode, maintaining readability and aesthetic consistency.
• The dark mode should be persistent across sessions (using local storage or cookies).
• Ensure compatibility and responsiveness on all devices and screen sizes.

Acceptance Criteria:

• A visible and accessible toggle for switching between light and dark modes.
• Consistent color scheme across all pages in dark mode, with appropriate contrast.
• User's theme preference is remembered on subsequent visits.
• Dark mode implementation should be cohesive with the existing design elements.

Additional Context:

Implementing dark mode will enhance usability and provide a modern, user-friendly experience. The color palette should complement the current design theme while adhering to accessibility standards.

[github-actions[bot]]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible.