Welcome!
-This is my website for tools. The source code can be found on my GitHub!
+This is my website for tools. The source code can be found on my GitHub!
diff --git a/script.js b/script.js
index 98d24f7..13215a9 100644
--- a/script.js
+++ b/script.js
@@ -1,16 +1,10 @@
const themeToggle = document.getElementById('themeToggle');
+const topbar = document.getElementById('topbar')
let isLightMode = false;
themeToggle.addEventListener('click', function() {
if (!isLightMode) {
-
- /*
- LIGHT MODE
- LIGHT MODE
- LIGHT MODE
- */
-
document.body.style.backgroundColor = '#C8C8C8';
container.style.backgroundColor = "#B0B0B0";
themeToggle.innerHTML = ``;
container.style.color = "#1E1E1E"
isLightMode = true;
- document.getElementById('github').innerHTML = ` `;
let children = container.children;
for (let i = 0; i < children.length; i++) {
children[i].style.color = "#1E1E1E";
}
- rmbReset.style.backgroundColor = "#1E1E1E";
- lmbReset.style.backgroundColor = "#1E1E1E";
- rmbReset.style.color = "#b0b0b0";
- lmbReset.style.color = "#b0b0b0";
-
-
} else {
-
- /*
- DARK MODE
- DARK MODE
- DARK MODE
- */
-
let children = container.children;
for (let i = 0; i < children.length; i++) {
children[i].style.color = "#f0f0f0";
@@ -58,11 +38,6 @@ themeToggle.addEventListener('click', function() {
themeToggle.innerHTML = ``;
isLightMode = false;
container.style.backgroundColor = "#4b4b4b";
- document.getElementById('github').innerHTML = ` `;
- rmbReset.style.backgroundColor = "#b0b0b0";
- lmbReset.style.backgroundColor = "#b0b0b0";
- rmbReset.style.color = "#141414";
- lmbReset.style.color = "#141414";
}
-});
\ No newline at end of file
+});
diff --git a/style.css b/style.css
index f91ae56..a691625 100644
--- a/style.css
+++ b/style.css
@@ -57,6 +57,10 @@ body {
width: 100%;
}
+.welcome * {
+ color: white;
+}
+
.tools-main {
display: flex;
flex-wrap: wrap;
@@ -88,6 +92,7 @@ body {
#tool-div img {
height: 200px;
border-radius: 10px;
+ cursor: pointer;
}
.visit-tool {
+