https://github.com/ashish-makes/dark-mode-toggle

DarkModeSwitcher is a simple project that allows users to switch between light and dark mode on their website.
https://github.com/ashish-makes/dark-mode-toggle

css css3 dark-theme darkmode darkmodetoggle html html5 javascript js

Last synced: about 2 months ago
JSON representation

DarkModeSwitcher is a simple project that allows users to switch between light and dark mode on their website.

• Host: GitHub
• URL: https://github.com/ashish-makes/dark-mode-toggle
• Owner: ashish-makes
• Created: 2022-07-20T03:46:21.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-02-03T14:11:54.000Z (over 3 years ago)
• Last Synced: 2025-05-14T09:17:07.587Z (about 1 year ago)
• Topics: css, css3, dark-theme, darkmode, darkmodetoggle, html, html5, javascript, js
• Language: CSS
• Homepage: https://darkmodeswitcher.netlify.app/
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# DarkModeSwitcher - Switch to Dark Mode

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7)

## Introduction

DarkModeSwitcher is a JavaScript project that allows users to easily switch between light and dark mode on their website. The project utilizes HTML, CSS, and JavaScript to create a seamless and visually appealing mode switching experience. With a focus on user-centered design principles, DarkModeSwitcher ensures that users have the ability to switch between modes with ease, providing a personalized and enjoyable browsing experience.

## Table of Content

  * [Introduction](#introduction)

  * [Screenshot](#screenshot)

  * [Features](#features)

  * [Technologies Used](#technologies-used)

  * [How to Use](#how-to-use)

  * [Deployment](#deployment)

  * [Conclusion](#conclusion)

## Screenshot

![image](https://user-images.githubusercontent.com/106135144/183570130-c1c44c20-7535-4c1a-aa74-0d180969254d.png)

![image](https://user-images.githubusercontent.com/106135144/183570194-2ddca52f-7950-4ed5-83bd-ba17a4b76532.png)

## Features

1. Light/Dark Mode Switcher

2. User-Friendly Design

3. Responsive Design

## Technologies Used

- HTML

- CSS

- Javascript

- Netlify

## How to Use

To use the Web DarkModeSwitcher, simply clone the repository and run the index.html file in your preferred browser.

## Deployment

This project has been deployed on Netlify and is available for use by anyone.

## Conclusion

DarkModeSwitcher is a simple and user-friendly project that allows users to switch between light and dark mode on their website, offering a personalized and enjoyable browsing experience.