[Feature Request]: Add "Dark Mode/Light" Mode Theme Toggle Button

[MastanSayyad]

Is there an existing issue for this?

• [X] I have searched the existing issues

Feature Description

Hey @MAVRICK-1 I would like to add a dark mode/light mode button to the website

To improve user experience, a dark mode/light mode toggle button should be added to the website. This feature will allow users to switch between light and dark themes, enhancing readability and reducing eye strain, especially in low-light conditions.

Use Case

• User Navigates to the website.
• User Clicks on the dark mode/light mode toggle button.
• System Switches the theme to the selected mode (light or dark).
• User Experiences the website in the selected theme.

Benefits

• Improved Accessibility
• Improve User experience
• User preference

Could you please assign this issue to me?

Add ScreenShots

No response

Priority

Medium

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24 contributor
• [X] I have starred the repository

[MAVRICK-1]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[MastanSayyad]

@MAVRICK-1 please take a look at this issue