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;
}
diff --git a/index.html b/index.html
index a93a14c..93017c0 100644
--- a/index.html
+++ b/index.html
@@ -314,7 +314,7 @@
-
+