Minor fixes to the color settings.

Tables should not be readable in dark mode
kopia · Jul 10, 2023 · 2114eb5 · 2114eb5
1 parent 912b92b
commit 2114eb5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/css/App.css b/src/css/App.css
@@ -13,7 +13,6 @@ body {
 
 .select_theme {
   font-size: 90%;
-  color: var(--text-color-selector);
 }
 
 .options-select {
@@ -110,10 +109,23 @@ body {
   color: var(--text-color-nav);
 }
 
+.table {
+  color: var(--text-color-body);
+}
+
+.table-hover>tbody>tr:hover>* {
+  color: var(--text-color-body);
+}
+
 .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
   color: var(--text-color-nav);
 }
 
+.nav-link:hover {
+  color: var(--text-color-nav) !important;
+  filter: brightness(80%);
+}
+
 .accordion-body {
   color: var(--text-color-body);
   background-color: var(--background-color);
@@ -125,7 +137,7 @@ body {
 }
 
 .accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active  {
-  background-color: var(--text-color-selector) !important;
+  background-color: var(--color-select) !important;
   color: var(--text-color-body) !important;
 }
 

diff --git a/src/css/Theme.css b/src/css/Theme.css
@@ -6,9 +6,9 @@
   --color-warning: #e1704b;
   --color-success: #5ea5cd;
   --color-submit: #00B4D8;
+  --color-select: #f2f9ff;
 
   --text-color: #ffffff;
-  --text-color-selector: #f2f9ff;
   --text-color-body: #000000;
   --text-color-nav: #000000;
 
@@ -24,12 +24,13 @@
   --color-success: #0d9aab;
   --color-submit: #00B4D8;
   --color-stripe: #323232;
+  --color-select: #323232;
 
   --text-color: #cfcfcf;
-  --text-color-selector: #323232;
   --text-color-body: #cfcfcf;
   --text-color-nav: #cfcfcf;
 
+
   --color-error: #b31f04;
   --color-danger: #b31f04;
 }
@@ -41,9 +42,9 @@
   --color-warning: #ffd6a5;
   --color-success: #bdb2ff;
   --color-submit: #a0c4ff;
+  --color-select: #f2f9ff;
 
   --text-color: #000000;
-  --text-color-selector: #f2f9ff;
   --text-color-body: #000000;
   --text-color-nav: #c095e4;
 
@@ -58,9 +59,9 @@
   --color-warning: #ecd131;
   --color-success: #0077B6;
   --color-submit: #00B4D8;
+  --color-select: #f2f9ff;
 
   --text-color: #ffffff;
-  --text-color-selector: #f2f9ff;
   --text-color-body: #03045E;
   --text-color-nav: #03045E;