✨[feature Request]: Add a dark / light mode toggle

[Maryam0330]

Is there an existing issue for this?

• [X] I have searched the existing issues

Feature Description

Add a dark/light mode toggle feature to the website, allowing users to switch between themes based on their preference. This will enhance the user experience by providing an option for different lighting conditions. The feature should seamlessly toggle without refreshing the page.

Use Case

• Users can switch to dark mode for comfortable viewing in low-light environments, reducing eye strain and improving readability.
• Users with light sensitivity or specific visual preferences can toggle between dark and light modes for a tailored experience.

Benefits

• Improves accessibility by accommodating users' preferences in various lighting environments.
• Reduces eye strain, especially in low-light conditions, enhancing usability.
• Increases user engagement and satisfaction by offering a customizable visual experience.

Priority

High

Record

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

[github-actions[bot]]

Hi there! Thanks for opening this issue @Maryam0330!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[Maryam0330]

@Anjaliavv51 Please assign me this issue under the gssoc-ext level3 and enhancement labels.

[Anjaliavv51]

@Maryam0330 u will add just a toggle button that's it right?

[Maryam0330]

@Anjaliavv51 Yeah!

[Anjaliavv51]

@Anjaliavv51 Yeah!

for that only level 1 will be assigned.

[Anjaliavv51]

@Maryam0330 go ahead and implement the addition of Toggle Button

[Maryam0330]

Okay!