From 55ac7685216b053e4b070b8124c2965441310ab0 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Sun, 14 Feb 2021 03:49:44 -0800
Subject: [PATCH] Night mode improvements (#1331)

* Night mode readability improvements

* Update grocy_night_mode.css

* Update grocy_night_mode.css
---
 public/css/grocy_night_mode.css | 47 ++++++++++++++++++++++++---------
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/public/css/grocy_night_mode.css b/public/css/grocy_night_mode.css
index fcc31f52..819efd8a 100644
--- a/public/css/grocy_night_mode.css
+++ b/public/css/grocy_night_mode.css
@@ -1,8 +1,12 @@
-body.night-mode {
+body.night-mode {
 	color: #c1c1c1;
 	background-color: #333131;
 }
 
+.night-mode .navbar-brand img {
+	filter: invert(0.9) hue-rotate(176deg);
+}
+
 .night-mode .table-info,
 .night-mode .table-info > td,
 .night-mode .table-info > th,
@@ -12,7 +16,7 @@
 }
 
 .night-mode .table {
-	color: #6c757d;
+	color: #c1c1c1;
 }
 
 .night-mode table.dataTable tr.dtrg-group td,
@@ -24,6 +28,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 +37,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 +56,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,
@@ -71,6 +81,10 @@
 	border: 1px solid #ced4da;
 }
 
+.night-mode ::placeholder {
+	color: #b1bac4;
+}
+
 .night-mode .content-wrapper {
 	background: #333131;
 }
@@ -110,6 +124,11 @@
 	border-color: #80bdff;
 }
 
+.night-mode select {
+	color: #ced4da;
+	background-color: #333131;
+}
+
 .night-mode .dropdown-item:focus,
 .night-mode .dropdown-item:hover {
 	color: #16181b;
@@ -139,13 +158,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;
 }
 
@@ -204,7 +223,7 @@
 }
 
 .night-mode .active-page {
-	box-shadow: inset 5px 0 0 #350a0f !important;
+	box-shadow: inset 5px 0 0 #ff7585 !important;
 	background-color: #383838 !important;
 }
 
@@ -244,13 +263,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;
 }