https://github.com/madhu-aala/dark-light-mode

Dark-Light Mode Toggle - A simple web-based dark and light mode toggle using HTML, CSS, and JavaScript. Saves user preference for a seamless experience.
https://github.com/madhu-aala/dark-light-mode

css3 dark-mode-toggle dark-theme html5 javascript light-mode-toggle light-theme

Last synced: about 2 months ago
JSON representation

Dark-Light Mode Toggle - A simple web-based dark and light mode toggle using HTML, CSS, and JavaScript. Saves user preference for a seamless experience.

• Host: GitHub
• URL: https://github.com/madhu-aala/dark-light-mode
• Owner: madhu-aala
• Created: 2025-04-03T17:39:26.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-04-03T17:53:40.000Z (about 1 year ago)
• Last Synced: 2025-04-03T18:37:55.491Z (about 1 year ago)
• Topics: css3, dark-mode-toggle, dark-theme, html5, javascript, light-mode-toggle, light-theme
• Language: CSS
• Homepage: https://madhu-aala.github.io/dark-light-mode/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Dark-Light Mode Toggle

![Languages Count](https://img.shields.io/github/languages/count/madhu-aala/dark-light-mode)

![Code Size](https://img.shields.io/github/languages/code-size/madhu-aala/dark-light-mode)

![Repo Size](https://img.shields.io/github/repo-size/madhu-aala/dark-light-mode)

![Last Commit](https://img.shields.io/github/last-commit/madhu-aala/dark-light-mode)

This project provides a simple implementation of a dark and light mode toggle feature for web pages. It allows users to switch between dark and light themes seamlessly, enhancing the user experience.

## Features

- **Theme Toggle**: Users can switch between dark and light modes using a toggle button.

- **Persistent Theme Preference**: The selected theme preference is saved and persists across page reloads.

## Technologies Used

- **HTML5**: Provides the structure of the web page.

- **CSS3**: Styles the web page and defines the dark and light themes.

- **JavaScript**: Handles the theme toggle functionality and stores the user's theme preference.