From fae04ea3282aab7812bf32a617e3bdfab12c6acf Mon Sep 17 00:00:00 2001
From: ReinServer <168913802+ReinServer@users.noreply.github.com>
Date: Sat, 4 May 2024 22:54:27 +0800
Subject: [PATCH] Update index.html

---
 index.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 09c3621..64568a2 100644
--- a/index.html
+++ b/index.html
@@ -26,10 +26,14 @@
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition for button hover effect */
   }
-  .toggle-button.dark-mode {
+  .dark-mode {
     background-color: black;
     color: white;
-    border-color: white; /* Change border color when in dark mode */
+  }
+  .dark-mode .toggle-button {
+    background-color: black;
+    color: white;
+    border-color: white; /* Change button border color in dark mode */
   }
 </style>
 </head>
@@ -47,14 +51,12 @@
 <script>
   function toggleDarkMode() {
     var body = document.body;
-    body.classList.toggle("dark-mode");
     var button = document.querySelector(".toggle-button");
+    body.classList.toggle("dark-mode");
     if (body.classList.contains("dark-mode")) {
       button.textContent = "Enable Light Mode";
-      button.style.borderColor = "black"; /* Set button border color */
     } else {
       button.textContent = "Enable Dark Mode";
-      button.style.borderColor = "white"; /* Set button border color */
     }
   }
 </script>