From e1ce0bb909c35467d2fe408dc47078e9f7a3b799 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Sat, 13 Feb 2021 11:41:52 -0800
Subject: [PATCH] Night mode readability improvements

---
 public/css/grocy_night_mode.css | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/public/css/grocy_night_mode.css b/public/css/grocy_night_mode.css
index fcc31f52..2c4b4b76 100644
--- a/public/css/grocy_night_mode.css
+++ b/public/css/grocy_night_mode.css
@@ -1,4 +1,4 @@
-body.night-mode {
+body.night-mode {
 	color: #c1c1c1;
 	background-color: #333131;
 }
@@ -12,7 +12,7 @@
 }
 
 .night-mode .table {
-	color: #6c757d;
+	color: #8f9ba5;
 }
 
 .night-mode table.dataTable tr.dtrg-group td,
@@ -24,6 +24,7 @@
 .night-mode .btn,
 .night-mode .nav-link,
 .night-mode #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link::after,
+.night-mode #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse::after,
 .night-mode .dropdown-item {
 	color: #c1c1c1 !important;
 }
@@ -32,6 +33,11 @@
 	border-color: #c1c1c1;
 }
 
+.night-mode .btn-outline-info {
+	color: #1ed1ee !important;
+	border-color: #1ed1ee !important;
+}
+
 .night-mode .btn-info {
 	color: #c1c1c1;
 	background-color: #07373f;
@@ -46,14 +52,14 @@
 
 .night-mode .btn-danger {
 	color: #c1c1c1;
-	background-color: #471116;
-	border-color: #471116;
+	background-color: #6f1b23;
+	border-color: #6f1b23;
 }
 
 .night-mode .btn-success {
 	color: #c1c1c1;
-	background-color: #0d3a18;
-	border-color: #0d3a18;
+	background-color: #17642a;
+	border-color: #17642a;
 }
 
 .night-mode .btn-light,
@@ -139,13 +145,13 @@
 }
 
 .night-mode a.discrete-link:hover {
-	color: #16354f !important;
+	color: #83c6ff !important;
 	text-decoration: none !important;
 	background-color: #333131;
 }
 
 .night-mode a.discrete-link:focus {
-	color: #3a0b0f !important;
+	color: #ffa8af !important;
 	background-color: #333131;
 }
 
@@ -244,13 +250,17 @@
 
 .night-mode .table-secondary td,
 .night-mode .table-secondary th {
-        background-color: #4c4e50;
+	background-color: #4c4e50;
 }
 
 .night-mode .secondary-message {
-        border-top-color: #4c4e50;
+	border-top-color: #4c4e50;
 }
 
 .night-mode .normal-message {
-        border-top-color: #07373f;
+	border-top-color: #07373f;
+}
+
+.night-mode .text-muted {
+	color: #8f9ba5 !important;
 }