From 033175f873caff8ce70beefa427a55c864a15d7e Mon Sep 17 00:00:00 2001
From: Eben van Ellewee <sbmail246@gmail.com>
Date: Wed, 6 Oct 2021 14:10:12 +0200
Subject: [PATCH] Dark mode CSS

---
 RX_FSK/RX_FSK.ino     |  2 +-
 RX_FSK/data/style.css | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/RX_FSK/RX_FSK.ino b/RX_FSK/RX_FSK.ino
index a01eb0c..14f2949 100644
--- a/RX_FSK/RX_FSK.ino
+++ b/RX_FSK/RX_FSK.ino
@@ -455,7 +455,7 @@ const char *createSondeHubMap() {
   strcpy(ptr, HTMLHEAD); strcat(ptr, "</head>");
   HTMLBODY(ptr, "map.html");
   if (!sonde.config.sondehub.active) {
-    strcat(ptr, "<div>NOTE: SondeHub uploading is not enabled, detected sonde will not be visable on map</div>");
+    strcat(ptr, "<div class=\"warning\">NOTE: SondeHub uploading is not enabled, detected sonde will not be visable on map</div>");
     if ((*s->d.ser == 0) && ( !isnan(sonde.config.rxlat))) {
       sprintf(ptr + strlen(ptr), "<iframe src=\"https://sondehub.org/#!mc=%f,%f&mz=8\" style=\"border:1px solid #00A3D3;border-radius:20px;height:95vh\"></iframe>", sonde.config.rxlat, sonde.config.rxlon);
     } else {
diff --git a/RX_FSK/data/style.css b/RX_FSK/data/style.css
index 4454375..2a32214 100755
--- a/RX_FSK/data/style.css
+++ b/RX_FSK/data/style.css
@@ -337,3 +337,21 @@ p{
     text-align: left;
   }
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #333;
+      }   
+  h2{
+    color: white;
+  }
+  table, th, td, .save, .topnav a.active {
+    color: white;
+    border: 1px solid grey;
+    border-collapse: collapse;
+    background-color: #333;
+  }
+  input, select, .tci, .warning {
+    color: white;
+    background-color: #333;
+  }
+}
\ No newline at end of file