ION_Archive/commit_grabber
1
0
Fork 0
mirror of https://github.com/ION606/commit_grabber.git synced 2026-05-14 22:06:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

added dark mode toggle

Browse Source
This commit is contained in:
ION606
2024-06-24 18:04:51 -04:00
parent 134fc75bd8
commit 48fff2353d
3 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3
View File
@@ -10,6 +10,9 @@
<body>
<h1>Fetch GitHub Commits</h1>
<label for="darkModeToggle">Dark Mode:</label>
<input type="checkbox" id="darkModeToggle" onchange="toggleDarkMode()"><br><br>
<div class="container">
<div class="input-section">
<label for="email">GitHub Username or Email:</label>
script.js
+4
View File
@@ -70,4 +70,8 @@ async function fetchCommits() {
commitList.innerHTML = `ERR: <pre>${error}</pre>`;
console.error(error);
}
}
function toggleDarkMode() {
document.body.classList.toggle('dark-mode');
}
styles.css
+29
View File
@@ -82,4 +82,33 @@ a:hover {
.commit-section {
flex: 1 1 300px;
margin-left: 20px;
}
body.dark-mode {
background-color: #333;
color: #f4f4f9;
}
body.dark-mode h1,
body.dark-mode a {
color: #f4f4f9;
}
body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="date"],
body.dark-mode button {
background-color: #555;
color: #f4f4f9;
border: 1px solid #777;
}
body.dark-mode button:hover {
background-color: #666;
}
body.dark-mode #commitList {
border: grey solid 1px;
background-color: #444;
color: #f4f4f9;
}