From e61877b9f92877ad230ec967efeb4b0dcb215985 Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Tue, 5 Dec 2017 06:23:07 -0500
Subject: [PATCH] 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 | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/global.css b/global.css
index a7910669..79477df8 100644
--- a/global.css
+++ b/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;