Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding Dark mode feature in website #378

Open
SanchayCoder06 opened this issue Oct 22, 2024 · 2 comments
Open

Adding Dark mode feature in website #378

SanchayCoder06 opened this issue Oct 22, 2024 · 2 comments
Labels
invalid This doesn't seem right question Further information is requested

Comments

@SanchayCoder06
Copy link

✨ Feature Request

Description of the Feature

Dark mode for the website

Problem Statement

Adding a dark mode switch toggle to convert light mode to dark mode.

Proposed Solution

HTML: Contains a button to trigger the toggle and a heading for context.
CSS: Defines both light and dark mode styles. The dark mode styles are applied when the dark-mode class is added to the body tag.
JavaScript: Adds or removes the dark-mode class from the body and the button when the button is clicked, toggling between dark and light mode.

Alternatives Considered

Additional Context

This solution ensures a smooth transition between themes, and the button itself changes appearance when in dark mode.

Are you participating in GSSoC?

Yes
image

Copy link
Contributor

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

@dhairyagothi
Copy link
Owner

@SanchayCoder06 how will you implement this tell in detail what will you use project is in react read documentation first

@dhairyagothi dhairyagothi added invalid This doesn't seem right question Further information is requested labels Oct 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
invalid This doesn't seem right question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants