YT-Implement-a-dark-mode-easily

Project demo

Description

This project demonstrates how to implement a theme toggle button in a simple web application using HTML, CSS, and JavaScript. The video tutorial that accompanies this project explains the process step-by-step, making it ideal for beginners in web development.

The app provides three theme options: light, dark, and system preference.

Features

• Switch between light, dark, and system-based themes.
• Clean and responsive design ensures a good experience on all devices.
• Theme preferences are stored locally, so they persist even after refreshing the page.

Technologies Used

Installation

To install the project, follow these steps:

git clone https://github.com/shravzzv/YT-Implement-a-dark-mode-easily
cd YT-Implement-a-dark-mode-easily
Open the html page using live server or on your browser.

How to Contribute

If you'd like to contribute, follow these steps:

1. Fork the repository on GitHub.

2. Clone your fork locally.

   git clone https://github.com/shravzzv/YT-Implement-a-dark-mode-easily
   cd YT-Implement-a-dark-mode-easily

3. Create a new branch for your feature or bug fix.

   git checkout -b feature-or-bug-fix-name

4. Make your changes, commit them, and push them to your fork.

   git add .
   git commit -m "Your commit message here"
   git push origin feature-or-bug-fix-name

5. Open a Pull Request on GitHub, comparing your branch to the original repository's main branch.

Issue Tracker

Find a bug or want to request a new feature? Please let us know by submitting an issue.

• Issue Tracker

License

This project is licensed under the MIT License - see the LICENSE file for details.

---