https://github.com/aadewunmi/project_dark_mode

Dark Mode Project: Switching a webpage from light to dark mode, by toggling a buttom.
https://github.com/aadewunmi/project_dark_mode

css dark-mode html html-css-javascript javascript light-mode

Last synced: 6 days ago
JSON representation

Dark Mode Project: Switching a webpage from light to dark mode, by toggling a buttom.

• Host: GitHub
• URL: https://github.com/aadewunmi/project_dark_mode
• Owner: AAdewunmi
• Created: 2022-07-27T19:02:11.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-09T06:41:54.000Z (over 2 years ago)
• Last Synced: 2024-11-25T08:22:22.110Z (2 months ago)
• Topics: css, dark-mode, html, html-css-javascript, javascript, light-mode
• Language: CSS
• Homepage:
• Size: 619 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dark Mode Project

## 1. Project Description: 

A web page containing a credit card and a toggle button.

By toggling a button on the web page which is rendered in a web browser, users can change the mode from dark to light and vice versa.

## 2. Tech Stack: 

- HTML

- CSS

- Javascript

## 3. Installing:

1. Clone the repo

```

https://github.com/AAdewunmi/Project_Dark_Mode.git

```

2. Open Project Folder

3. Explore

4. Open index.html in Visual Studio Code, using Live Server.

5. Click on toggle button to experience a transition between light and dark mode.

Enjoy :)

## 4. Screenshots:

- Light Mode

![Image description](images/bright.png)

- Dark Mode

![Image description](images/dark.png)

# Adapted from:

UDEMY Course: 50+ Web Projects with HTML, CSS, and JavaScript.

Project Name: Project 4: Dark Mode

Created by: Created by Code And Create, George Lomidze, Lasha Nozadze

Last updated 07/2022

URL: https://www.udemy.com/course/50-web-projects-with-html-css-and-javascript/