Merge pull request #285 from DevSplash/patch-1

Fix #241

css/styles.css

@@ -559,17 +559,8 @@ input[type=number] {
   z-index: 1;
 }
 
-.darkmode-toggle {
-  opacity: 0.7;
-  transition: opacity 0.15s;
-}
 .darkmode-toggle:hover {
-  opacity: 0.9;
-}
-
-.darkmode-toggle:active {
-  transition: opacity 0s;
-  opacity: 1;
+  filter: brightness(0.9);
 }
 
 .darkmode-toggle:focus {
@@ -592,37 +583,36 @@ body.darkmode--activated{
   font-family: 'Varela Round', sans-serif;
   width: 100%;
   margin: 0 0 0 0;
-  position: absolute
+  position: absolute;
 }
 
 body.darkmode--activated div[class^="dialog-box"],
 body.darkmode--activated div[class^="nook-phone"],
-body.darkmode--activated form[class^="input__form"],
-{
+body.darkmode--activated form[class^="input__form"] {
   background: #fee0c4;
   color: #010F1D;
 }
 
-body.darkmode--activated svg[class^="waves"]{
+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){
+body.darkmode--activated input[type=number]:not(:placeholder-shown) {
   color: #586472;
   
 }
 
 body.darkmode--activated input[type="radio"]+label,
-body.darkmode--activated input[type=number]:placeholder-shown{
+body.darkmode--activated input[type=number]:placeholder-shown {
   background: #bda284;
 }
 
-body.darkmode--activated input[type="radio"]:checked+label{
+body.darkmode--activated input[type="radio"]:checked+label {
   background: #7b6955;
 }
 
-body.darkmode--activated i{
+body.darkmode--activated i {
   color: #7b6955;
 }

index.html

@@ -314,7 +314,7 @@
   <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>
+  <script>new Darkmode({label: '🌓', buttonColorDark: '#dddddd'}).showWidget();</script>
   <script src="js/translations.js"></script>
   <script src="js/contributors.js"></script>
   <script>