From b72cedc5433a7a1ae4876da67aab3d1bbf37595a Mon Sep 17 00:00:00 2001
From: Splash <devsplash@live.com>
Date: Wed, 22 Apr 2020 15:13:15 +0800
Subject: [PATCH 1/2] Add style for darkmode toggle button

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

diff --git a/css/styles.css b/css/styles.css
index 6631770..1b66f45 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -519,6 +519,23 @@ input[type=number] {
   z-index: 1;
 }
 
+.darkmode-toggle {
+  opacity: 0.7;
+  transition: opacity 0.15;
+}
+.darkmode-toggle:hover {
+  opacity: 0.9;
+}
+
+.darkmode-toggle:active {
+  transition: opacity 0;
+  opacity: 1;
+}
+
+.darkmode-toggle:focus {
+  outline: none;
+}
+
 div.darkmode-background{
   background: #fef0e3;
   background-image:

From 85928b29221c3adc1d7624c3951d68897923bfec Mon Sep 17 00:00:00 2001
From: Splash <devsplash@live.com>
Date: Wed, 22 Apr 2020 15:41:01 +0800
Subject: [PATCH 2/2] Update styles.css

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

diff --git a/css/styles.css b/css/styles.css
index 1b66f45..1dcca7e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -521,14 +521,14 @@ input[type=number] {
 
 .darkmode-toggle {
   opacity: 0.7;
-  transition: opacity 0.15;
+  transition: opacity 0.15s;
 }
 .darkmode-toggle:hover {
   opacity: 0.9;
 }
 
 .darkmode-toggle:active {
-  transition: opacity 0;
+  transition: opacity 0s;
   opacity: 1;
 }