Add style for darkmode toggle button

4 years ago · b72cedc543
parent c4b4ddae6a
commit b72cedc543
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.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: