dhairyagothi / StationGuide

Station Guide - your platform guide
https://stationguide.onrender.com/
MIT License
40 stars 119 forks source link

Adding Dark mode feature in website #378

Open SanchayCoder06 opened 1 month ago

SanchayCoder06 commented 1 month ago

✨ 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

github-actions[bot] commented 1 month ago

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 commented 1 month ago

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