From fbc2e7e40e64f87b74797f47a8c29302c2478ad3 Mon Sep 17 00:00:00 2001
From: Hezer <762991+Hezer@users.noreply.github.com>
Date: Fri, 26 Dec 2025 05:20:29 +0200
Subject: [PATCH 1/2] Adjust the contrast of colored elements, fix code and
 input elements in dark mode

---
 DnsServerCore/www/css/main.css | 91 ++++++++++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)

diff --git a/DnsServerCore/www/css/main.css b/DnsServerCore/www/css/main.css
index 51a6b98a..e5c545b7 100644
--- a/DnsServerCore/www/css/main.css
+++ b/DnsServerCore/www/css/main.css
@@ -586,3 +586,94 @@ body.dark-mode {
     .dark-mode #txtQueryLogEnd::-webkit-calendar-picker-indicator {
         filter: invert(1);
     }
+
+.dark-mode .close {
+    color: #fff;
+    text-shadow: 0 1px 0 #3a3a3c;
+}
+
+.dark-mode .close:hover,
+.dark-mode .close:focus {
+    color: #387aff;
+}
+
+.dark-mode button,
+.dark-mode input,
+.dark-mode optgroup,
+.dark-mode select,
+.dark-mode textarea {
+    color-scheme: dark;
+}
+
+.dark-mode code {
+    color: #d44d57;
+    background: #252527;
+}
+
+.dark-mode .btn-danger {
+    color: #fff;
+    background-color: #9f2723;
+    border-color: #bd4339;
+}
+
+    .dark-mode .btn-danger:hover,
+    .dark-mode .btn-danger:focus,
+    .dark-mode .btn-danger:active,
+    .dark-mode .btn-danger.active,
+    .dark-mode .btn-danger.active.focus,
+    .dark-mode .btn-danger.active:focus,
+    .dark-mode .btn-danger.active:hover,
+    .dark-mode .btn-danger:active.focus,
+    .dark-mode .btn-danger:active:focus,
+    .dark-mode .btn-danger:active:hover {
+        background-color: #861b18;
+        border-color: #a9372d;
+    }
+
+.dark-mode .btn-warning {
+    color: #fff;
+    background-color: #c57a11;
+    border-color: #e39431;
+}
+
+    .dark-mode .btn-warning:hover,
+    .dark-mode .btn-warning:focus,
+    .dark-mode .btn-warning:active,
+    .dark-mode .btn-warning.active,
+    .dark-mode .btn-warning.active.focus,
+    .dark-mode .btn-warning.active:focus,
+    .dark-mode .btn-warning.active:hover,
+    .dark-mode .btn-warning:active.focus,
+    .dark-mode .btn-warning:active:focus,
+    .dark-mode .btn-warning:active:hover {
+        background-color: #a05e0e;
+        border-color: #c26b00;
+    }
+
+.dark-mode .btn-success {
+    color: #fff;
+    background-color: #357935;
+    border-color: #50934d;
+}
+
+    .dark-mode .btn-success:hover,
+    .dark-mode .btn-success:focus,
+    .dark-mode .btn-success:active,
+    .dark-mode .btn-success.active,
+    .dark-mode .btn-success.active.focus,
+    .dark-mode .btn-success.active:focus,
+    .dark-mode .btn-success.active:hover,
+    .dark-mode .btn-success:active.focus,
+    .dark-mode .btn-success:active:focus,
+    .dark-mode .btn-success:active:hover {
+        background-color: #236723;
+        border-color: #42833f;
+    }
+
+.dark-mode .label-warning {
+    background-color: #c57a11;
+}
+
+.dark-mode .label-success {
+    background-color: #357935;
+}

From c4758e1ba9e10aaa494c6e69b5cb9c51ac0baadb Mon Sep 17 00:00:00 2001
From: Hezer <762991+Hezer@users.noreply.github.com>
Date: Fri, 26 Dec 2025 05:45:32 +0200
Subject: [PATCH 2/2] Change also the Error label color

---
 DnsServerCore/www/css/main.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/DnsServerCore/www/css/main.css b/DnsServerCore/www/css/main.css
index e5c545b7..172af516 100644
--- a/DnsServerCore/www/css/main.css
+++ b/DnsServerCore/www/css/main.css
@@ -670,6 +670,10 @@ body.dark-mode {
         border-color: #42833f;
     }
 
+.dark-mode .label-danger {
+    background-color: #9f2723;
+}
+
 .dark-mode .label-warning {
     background-color: #c57a11;
 }