{"id":21653761,"url":"https://github.com/aadewunmi/project_dark_mode","last_synced_at":"2026-05-02T22:39:44.815Z","repository":{"id":50459610,"uuid":"518580480","full_name":"AAdewunmi/Project_Dark_Mode","owner":"AAdewunmi","description":"Dark Mode Project: Switching a webpage from light to dark mode, by toggling a buttom.","archived":false,"fork":false,"pushed_at":"2022-08-09T06:41:54.000Z","size":634,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-25T06:11:24.638Z","etag":null,"topics":["css","dark-mode","html","html-css-javascript","javascript","light-mode"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AAdewunmi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-27T19:02:11.000Z","updated_at":"2022-08-07T09:57:44.000Z","dependencies_parsed_at":"2022-08-12T21:21:35.683Z","dependency_job_id":null,"html_url":"https://github.com/AAdewunmi/Project_Dark_Mode","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AAdewunmi%2FProject_Dark_Mode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AAdewunmi%2FProject_Dark_Mode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AAdewunmi%2FProject_Dark_Mode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AAdewunmi%2FProject_Dark_Mode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AAdewunmi","download_url":"https://codeload.github.com/AAdewunmi/Project_Dark_Mode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244553124,"owners_count":20471166,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","dark-mode","html","html-css-javascript","javascript","light-mode"],"created_at":"2024-11-25T08:20:28.091Z","updated_at":"2025-10-19T19:46:55.052Z","avatar_url":"https://github.com/AAdewunmi.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dark Mode Project\n\n## 1. Project Description: \n\nA web page containing a credit card and a toggle button.\n\nBy 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.\n\n\n## 2. Tech Stack: \n\n- HTML\n- CSS\n- Javascript\n\n## 3. Installing:\n\n1. Clone the repo\n\n```\nhttps://github.com/AAdewunmi/Project_Dark_Mode.git\n```\n\n2. Open Project Folder\n\n3. Explore\n\n4. Open index.html in Visual Studio Code, using Live Server.\n\n5. Click on toggle button to experience a transition between light and dark mode.\n\nEnjoy :)\n\n## 4. Screenshots:\n\n- Light Mode\n\n![Image description](images/bright.png)\n\n\n- Dark Mode\n\n![Image description](images/dark.png)\n\n# Adapted from:\n\nUDEMY Course: 50+ Web Projects with HTML, CSS, and JavaScript.\n\nProject Name: Project 4: Dark Mode\n\nCreated by: Created by Code And Create, George Lomidze, Lasha Nozadze\n\nLast updated 07/2022\n\nURL: https://www.udemy.com/course/50-web-projects-with-html-css-and-javascript/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadewunmi%2Fproject_dark_mode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faadewunmi%2Fproject_dark_mode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadewunmi%2Fproject_dark_mode/lists"}