From eb9b8958eae3311290e8ab063c0ba8fe9b400301 Mon Sep 17 00:00:00 2001
From: sujeom <martinez344j@gmail.com>
Date: Wed, 15 Apr 2020 22:40:44 -0400
Subject: [PATCH 1/4] darkmode added using darkmodejs

---
 css/styles.css | 24 ++++++++++++++++++++++++
 index.html     |  2 ++
 2 files changed, 26 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 8ccf924..ff3e08d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -423,3 +423,27 @@ input[type=number] {
     min-height: 40px;
   }
 }
+
+/*Darkmodjs*/
+.darkmode-layer, .darkmode-toggle {
+  z-index: 1;
+}
+
+div.darkmode-background{
+  background: #DEF2D9;
+  background-image:
+    radial-gradient(#fff 20%, transparent 0),
+    radial-gradient(#fff 20%, transparent 0);
+  position: inherit;
+}
+
+body.darkmode--activated{
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   font-family: 'Varela Round', sans-serif;
+   width: 100%;
+   margin: 0 0 0 0;
+   position: absolute
+}
diff --git a/index.html b/index.html
index d4dc76e..0a106be 100644
--- a/index.html
+++ b/index.html
@@ -289,6 +289,8 @@
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   <script src="js/predictions.js"></script>
   <script src="js/scripts.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.5/lib/darkmode-js.min.js"></script>
+  <script> new Darkmode({label: '🌓', buttonColorDark: '#fff00'}).showWidget();</script>
 </body>
 
 </html>

From 10306698f192ec9ec2f935a0ee5a6e6f7ece6f55 Mon Sep 17 00:00:00 2001
From: sujeom <martinez344j@gmail.com>
Date: Thu, 16 Apr 2020 01:07:33 -0400
Subject: [PATCH 2/4] addressd red coloring

---
 css/styles.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index ff3e08d..2c60e0c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -447,3 +447,12 @@ body.darkmode--activated{
    margin: 0 0 0 0;
    position: absolute
 }
+
+body.darkmode--activated a, body.darkmode--activated b, body.darkmode--activated input[type=number]:not(:placeholder-shown){
+  color: #b1301d;
+  
+}
+
+ body.darkmode--activated input[type="radio"]:checked+label{
+  background: #565655;
+}

From 65262dad463f678d9fc01cb7733aa493e7a4a428 Mon Sep 17 00:00:00 2001
From: sujeom <martinez344j@gmail.com>
Date: Fri, 17 Apr 2020 07:03:10 -0400
Subject: [PATCH 3/4] Changed color palette from purple/navy to  maastricht
 blue/black

---
 css/styles.css | 49 ++++++++++++++++++++++++++++++++++---------------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 6ecb505..3dc40c5 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -438,7 +438,7 @@ input[type=number] {
 }
 
 div.darkmode-background{
-  background: #DEF2D9;
+  background: #fef0e3;
   background-image:
     radial-gradient(#fff 20%, transparent 0),
     radial-gradient(#fff 20%, transparent 0);
@@ -446,21 +446,40 @@ div.darkmode-background{
 }
 
 body.darkmode--activated{
-   display: flex;
-   flex-direction: column;
-   align-items: center;
-   justify-content: center;
-   font-family: 'Varela Round', sans-serif;
-   width: 100%;
-   margin: 0 0 0 0;
-   position: absolute
-}
-
-body.darkmode--activated a, body.darkmode--activated b, body.darkmode--activated input[type=number]:not(:placeholder-shown){
-  color: #b1301d;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: 'Varela Round', sans-serif;
+  width: 100%;
+  margin: 0 0 0 0;
+  position: absolute
+}
+
+body.darkmode--activated div[class^="dialog-box"],
+body.darkmode--activated div[class^="nook-phone"],
+body.darkmode--activated form[class^="input__form"],
+{
+  background: #fee0c4;
+  color: #010F1D;
+}
+
+body.darkmode--activated svg[class^="waves"]{
+  background: #fef0e3;
+}
+
+body.darkmode--activated a,
+body.darkmode--activated b,
+body.darkmode--activated input[type=number]:not(:placeholder-shown){
+  color: #586472;
   
 }
 
- body.darkmode--activated input[type="radio"]:checked+label{
-  background: #565655;
+body.darkmode--activated input[type="radio"]+label,
+body.darkmode--activated input[type=number]:placeholder-shown{
+  background: #bda284;
+}
+
+body.darkmode--activated input[type="radio"]:checked+label{
+  background: #7b6955;
 }

From f7892255b62be05155c8b3cf8765c6e6779ea438 Mon Sep 17 00:00:00 2001
From: sujeom <martinez344j@gmail.com>
Date: Fri, 17 Apr 2020 19:31:21 -0400
Subject: [PATCH 4/4] increase brightness of note text for better visability

---
 css/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 3dc40c5..c99e7c3 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -483,3 +483,7 @@ body.darkmode--activated input[type=number]:placeholder-shown{
 body.darkmode--activated input[type="radio"]:checked+label{
   background: #7b6955;
 }
+
+body.darkmode--activated i{
+  color: #7b6955;
+}