Style disabled checkboxes, and use currentColor for select text/arrows

Select text color needs to be specified to override system color in Linux. Also got rid of he stupid dotted line around focused element text which still occurs in Linux FF.

global.css

@@ -42,6 +42,19 @@ input[type="checkbox"]:not(.slider):checked + .svg-icon.checked {
   pointer-events: none;
 }
 
+input[type="checkbox"]:not(.slider):disabled {
+  background-color: transparent;
+  border-color: hsl(0, 0%, 50%);
+}
+
+input[type="checkbox"]:not(.slider):disabled + .svg-icon.checked {
+  fill: hsl(0, 0%, 50%);
+}
+
+input[type="checkbox"]:not(.slider):disabled + .svg-icon.checked + span {
+  color: hsl(0, 0%, 50%);
+}
+
 label {
   transition: color .1s;
 }
@@ -50,6 +63,7 @@ select {
   -moz-appearance: none;
   -webkit-appearance: none;
   height: 22px;
+  color: currentColor;
   background-color: transparent;
   border: 1px solid hsl(0, 0%, 66%);
   padding: 0 20px 0 6px;
@@ -72,13 +86,17 @@ select {
   display: inline-flex;
   height: 14px;
   width: 14px;
-  fill: #000;
+  fill: currentColor;
   position: absolute;
   top: 4px;
   right: 4px;
   transition: fill .5s;
 }
 
+::-moz-focus-inner { 
+  border: 0; 
+}
+
 @supports (-moz-appearance: none) {
   .moz-appearance-bug .svg-icon.checked {
     display: none !important;