From a80e0b0abc6d99d1deeffb65a33cbc937bee82b5 Mon Sep 17 00:00:00 2001 From: abrendan <94894839+abrendan@users.noreply.github.com> Date: Sat, 2 Dec 2023 00:18:17 +0000 Subject: [PATCH] V1.3! Fixed text colors of messages in dark mode --- html/script.js | 2 +- html/style.css | 13 +++++++++++++ 2 files changed, 14 insertions(+), 1 deletion(-) 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 */