diff --git a/html/script.js b/html/script.js
index 79e4021..2a38692 100644
--- a/html/script.js
+++ b/html/script.js
@@ -39,7 +39,7 @@ function onload(){
     }
     for (var i = 0; i < messages.length; i++){
       document.getElementById("Message"+i).innerHTML = messages[i];
-      document.getElementById("Message"+i).style.color = "#000000";
+      document.getElementById("Message"+i).style.color = getComputedStyle(document.body).color;
     }
   })
 }
diff --git a/html/style.css b/html/style.css
index 1fed5ac..9f2c291 100644
--- a/html/style.css
+++ b/html/style.css
@@ -67,6 +67,19 @@
   body.dark-mode {
     color: #ffffff; /* Light text color for contrast */
   }
+  body.dark-mode .button {
+    color: #ffffff; /* Dark button background color */
+      }
+
+body.dark-mode .button2 {
+  color: #ffffff; /* Dark button background color */
+    }
+
+body.dark-mode .input {
+  color: #ffffff; /* Dark button background color */
+    }
+
+
   /* You might want to customize other elements for dark mode, for example: */
   .dark-mode #Main {
     background-color: #333; /* Dark background for main content area */