[Feature] Integrate Dark Mode to Website

[Neilblaze]

Problem ❓

As a user, I would like to add a feature to toggle the dark mode on the website for better visibility and to reduce eye strain.

Features to add✨

• Dark mode toggle switch in the site's header or footer.
• Customize color options for the dark mode to suit user preferences.
• Ability to remember the user's dark mode preference across sessions.
• Improve site's accessibility by adding screen reader support. (Optional)
• Implement a fully furnished responsive design to improve the site's mobile usability. (current one includes padding, margin & overflow issues in responsive mode, with inconsistent font-size in general.)

This issue will help to enhance the website's functionality and user experience and make it more accessible and user-friendly for everyone.

Implementation

• [x] I would be interested in implementing this feature.

cc: @TimidRobot, @brylie, @possumbilities

[ShubhamVSadigale]

I want to work on this feature. Please assign me this task.

[Cronus1007]

@ShubhamVSadigale Thanks for your interest in this issue. But this issue is not ready for work right now. Please look upon those issues which are having a ready status.

[harshu1611]

I am ready for this project under GSOC'23

[possumbilities]

This is a sound idea, but dark mode should be implemented after the site is rebuilt as part of its new CSS implementation of Vocabulary. Blocked until then.

[KIET7UKE]

I'm working on this, I appreciate if it you assign me. Thanks :)

[Cronus1007]

@KIET7UKE This issue has been marked with status blocked. So kindly look into issues which are marked as ready for work.

[KIET7UKE]

@Cronus1007 Okay sure.

[PrajwalLokhande2003]

I want to work on this issue please assign me this issue

[possumbilities]

@PrajwalLokhande2003 This issue is status: blocked. Please see the Contribution Guidelines for more.