From b8a5dec4cb4d3256d437acda85e4d562e483504c Mon Sep 17 00:00:00 2001
From: Christoph Anderson <lupusapps@gmail.com>
Date: Sun, 17 Sep 2023 13:12:18 +0200
Subject: [PATCH] - Fixed the background of input fields. - Changed the
 brightness of warning color in dark-mode

---
 src/css/App.css   | 51 ++++++++++++++++++++++++++++++++---------------
 src/css/Theme.css |  2 +-
 2 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/src/css/App.css b/src/css/App.css
index 57e9474..221a26b 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -105,6 +105,14 @@ a:hover {
   filter: brightness(80%);
 }
 
+.table {
+  color: var(--text-color-body);
+}
+
+.table-hover>tbody>tr:hover>* {
+  color: var(--text-color-body);
+}
+
 .table-striped>tbody>tr:nth-of-type(odd)>* {
   color: var(--text-color-body);
   background-color: var(--color-stripe);
@@ -119,36 +127,37 @@ a:hover {
   color: var(--text-color-nav);
 }
 
-.table {
-  color: var(--text-color-body);
+.nav-link:hover {
+  color: var(--text-color-nav) !important;
+  filter: brightness(80%);
 }
 
-.table-hover>tbody>tr:hover>* {
-  color: var(--text-color-body);
+.form-control, .form-control:focus, .form-control:active, .form-control:hover {
+  color: var(--text-color-body) !important;
+  background-color: var(--background-color) !important;
 }
 
-.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
-  color: var(--text-color-nav);
+.form-select, .form-select:focus, .form-select:active, form-select:hover {
+  color: var(--text-color-body);
+  background-color: var(--background-color);
 }
 
-.nav-link:hover {
-  color: var(--text-color-nav) !important;
-  filter: brightness(80%);
+.form-control-sm, .form-control-sm:focus, .form-control-sm:active, .form-control-sm:hover {
+  color: var(--text-color-body);
+  background-color: var(--background-color);
 }
 
-.accordion-body {
+.form-check-input, .form-check-input:focus, .form-check-input:active, .form-control-sm:hover {
   color: var(--text-color-body);
-  background-color: var(--background-color);
 }
 
-.accordion-button:not(.collapsed) {
-  color: var(--text-color-body)  !important;
-  background-color: var(--background-color) !important;
+.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
+  color: var(--text-color-nav);
 }
 
-.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active  {
-  background-color: var(--color-select) !important;
+.accordion-body {
   color: var(--text-color-body) !important;
+  background-color: var(--background-color) !important;
 }
 
 .accordion-button  {
@@ -156,6 +165,16 @@ a:hover {
   color: var(--text-color-body) !important;
 }
 
+.accordion-button:not(.collapsed) {
+  color: var(--text-color-body);
+  background-color: var(--background-color);
+}
+
+.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active  {
+  background-color: var(--color-select);
+  color: var(--text-color-body);
+}
+
 .popover {
   max-width: 1000px;
 }
diff --git a/src/css/Theme.css b/src/css/Theme.css
index 8264263..c32125a 100644
--- a/src/css/Theme.css
+++ b/src/css/Theme.css
@@ -21,7 +21,7 @@
   --background-color: #222222;
   --color-primary: #1162b1;
   --color-secondary: #0d9aab;
-  --color-warning: #b30996;
+  --color-warning: #7e0d6b;
   --color-success: #0d9aab;
   --color-submit: #00B4D8;
   --color-stripe: #323232;