Merge pull request #237 from DevSplash/patch-2

Add style for darkmode toggle button
4 years ago · 98cc74bc54
parent c4b4ddae6a 85928b2922
commit 98cc74bc54
1 changed files with 17 additions and 0 deletions
--- 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.15s;
+}
+.darkmode-toggle:hover {
+  opacity: 0.9;
+}
+
+.darkmode-toggle:active {
+  transition: opacity 0s;
+  opacity: 1;
+}
+
+.darkmode-toggle:focus {
+  outline: none;
+}
+
 div.darkmode-background{
  background: #fef0e3;
  background-image: