From f01b96cb994ed9d077a660456545fec2b15bcafc Mon Sep 17 00:00:00 2001
From: Taylor Helsper <tehelsper@gmail.com>
Date: Sat, 15 May 2021 20:47:43 -0500
Subject: [PATCH] Improve dark mode and background CSS

---
 .../var/www/mynode/static/css/mynode.css      | 14 ++++++++++---
 .../var/www/mynode/static/css/mynode_dark.css | 21 +++++++++++++++++++
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/rootfs/standard/var/www/mynode/static/css/mynode.css b/rootfs/standard/var/www/mynode/static/css/mynode.css
index 90a245eb..126303e1 100644
--- a/rootfs/standard/var/www/mynode/static/css/mynode.css
+++ b/rootfs/standard/var/www/mynode/static/css/mynode.css
@@ -364,10 +364,10 @@ td, th {
     font-size: 14px;
     font-family: Arial, Helvetica, sans-serif;
     border-collapse: collapse;
+    background-color: white;
 }
 .bitcoin_table_header {
     font-size: 16px;
-    background-color: #FFFFFF;
     font-weight: bold;
     font-family: Arial, Helvetica, sans-serif;
 }
@@ -377,7 +377,7 @@ table.bitcoin_table tbody tr:nth-child(odd) td{
 }
 
 table.bitcoin_table tbody tr:nth-child(even) td{
-    background-color: #fff;
+
 }
 
 table.bitcoin_table td {
@@ -605,7 +605,13 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
     margin: auto;
     text-align: justify;
     font-size: 14px;
-    margin-bottom: 30px;
+    margin-bottom: 20px;
+    padding: 0px 15px 15px 15px;
+    /* background-color: #f0f0f0; */
+    background-color: #f8f8f8;
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
 }
 .divider {
     width: 100%;
@@ -646,6 +652,7 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
 
 .pair_wallet_text {
     margin: auto;
+    margin-top: 15px;
     width: 1000px;
     font-size: 10px;
     line-height: 1.2;
@@ -756,6 +763,7 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
     overflow-y: scroll;
     border: 2px solid #222222;
     border-radius: 5px;
+    background-color: #f8f8f8;
 }
 .login_div {
     width: 300px;
diff --git a/rootfs/standard/var/www/mynode/static/css/mynode_dark.css b/rootfs/standard/var/www/mynode/static/css/mynode_dark.css
index 3b641dda..5f1fa0a4 100644
--- a/rootfs/standard/var/www/mynode/static/css/mynode_dark.css
+++ b/rootfs/standard/var/www/mynode/static/css/mynode_dark.css
@@ -1,4 +1,9 @@
 /* mynode color: #f9c132  - not used in UI*/
+/* background color:  #1B2127 */
+/* settings tiles:    #20242B */
+/* tile color:        #121C21 */ 
+
+
 /* dark grey for background: #303841 */
 /* lighter gray: #3a4750 */
 /* light gray: #ddd */
@@ -33,6 +38,7 @@ a:active {
 .instructions,
 .device_status_info,
 .bitcoin_block,
+.pair_wallet_text,
 .app_tile_lightning_details,
 .lightning_channel_container,
 .settings_block_subheader,
@@ -70,6 +76,13 @@ table,
     background-color: orange;
 }
 
+.bitcoin_table {
+    background-color: #1b2127;
+}
+.settings_block {
+    background-color: #121C21;    
+}
+
 .bitcoin_table_header {
     border-bottom: 2px solid gray;
     background-color: unset;
@@ -110,6 +123,13 @@ th td {
   background-color: #3a4854;
 }
 
+.install_button {
+    color: #222 !important;
+}
+.uninstall_button {
+    color: #222 !important;
+}
+
 .loading_spinner_overlay {
     color: #ddd;
     background-color: #303841;
@@ -145,6 +165,7 @@ input:focus + .slider {
 
 .cli_contents {
     border: 2px solid #222222;
+    background-color: #20242b;
 }
 .config_textarea {
 	color: #ddd;