Changed color palette from purple/navy to maastricht blue/black

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;
 }