From 8bd6f24ac93ce8367f02e244e16dd11e3c443696 Mon Sep 17 00:00:00 2001
From: Splash <devsplash@live.com>
Date: Mon, 27 Apr 2020 14:35:25 +0800
Subject: [PATCH] Fix #241

Fix https://github.com/mikebryant/ac-nh-turnip-prices/issues/241
---
 css/styles.css | 26 ++++++++------------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 5b76025..66b2129 100644
--- a/css/styles.css
+++ b/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;
 }