lighten

Author: chuckwagoncomputing

style.css

@@ -130,7 +130,6 @@ body {
 }
 
 .switch > span {
-  background-color: #2d3035;
   border-radius: 3px;
   box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
   text-align: left;
@@ -161,12 +160,6 @@ body {
   user-select: none;
 }
 
-.switch span span,
-.switch input:checked ~ span span:first-child {
-  color: #aaa;
-  text-shadow: 1px 1px 1px #191b1e;
-}
-
 .switch input {
   position: absolute;
   opacity: 0;
@@ -272,6 +265,17 @@ table th {
     color: #eee;
   }
 
+  .switch > span {
+    background-color: #2d3035;
+  }
+
+  .switch span span,
+  .switch input:checked ~ span span:first-child {
+    color: #eee;
+    text-shadow: 1px 1px 1px #191b1e;
+  }
+
+
   td[data-field="pin"] {
     border: 1px solid #aaa !important;
   }