Add dark/bright mode toggle button

[ananyag309]

🎮 feature Request

By integrating a dark/bright mode toggle button users can enjoy a more personalized and comfortable viewing experience while using the website.

Point down the features

feature points -
Feature Logic:

Initial State: Load default mode based on user preference or system setting.
Toggle Button: Implement a button to switch between dark and bright modes.
User Interaction: Clicking the button toggles between modes.
Preference Saving: Remember user's choice for subsequent visits.
Dynamic Styling: Adjust CSS styles for the selected mode.
Accessibility: Ensure readability and compliance with accessibility standards.
Features:

Eye Strain Reduction: Dark mode lowers blue light emission, reducing eye strain.
Energy Efficiency: Saves battery life on OLED/AMOLED screens.
Personalization: Tailors experience to user preferences and lighting conditions.
Readability Improvement: Enhances readability, especially in low-light environments.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @ananyag309! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Formation-Absent and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects

[ananyag309]

@roy7077 sir please add my name under assignees too so that i can start working officially. If needed recently i have added a toggle button on a website

Can u assign this issue to me under GSSOC'24 as a contributor I would love to work on this.

[roy7077]

@ananyag309 i am assigning this to U, Go ahead