Skip to content

Instantly share code, notes, and snippets.

@mikeri
Last active November 15, 2017 19:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mikeri/449eb6b95dad400fe939bf3b3bef7844 to your computer and use it in GitHub Desktop.
Save mikeri/449eb6b95dad400fe939bf3b3bef7844 to your computer and use it in GitHub Desktop.
userContent.css to fix checkmarks and input fields in Firefox running on dark themed Linux
/* ~/.mozilla/firefox/XXXXXX.default/chrome/userContent.css */
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
input[type="checkbox"] {
border: 2px inset white ! important;
height: 16px ! important;
width: 16px ! important;
background: #fff;
color: black;
-moz-appearance: none !important;
}
input[type="radio"] {
border: 2px outset white ! important;
height: 16px ! important;
width: 16px ! important;
border-radius: 50%;
background: #eee;
}
input[type="radio"]:checked {
border: 2px inset white ! important;
background: #ddd;
color: black;
}
input[type="checkbox"]:checked {
/* background: radial-gradient(circle at center, #1062a4 .6ex, white .7ex); */
color: #333 ! important;
/* background-color: #333 ! important; */
/* background: #ddd ! important; */
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAIAAADtkjPUAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHnpUWHRBdXRob3IAAAiZ881MzkhMzVHwzClOTCwGACZCBTHxPzNAAAAApUlEQVQY03WQTQ6DIBCFoQkLtClWvYjeoAjx5rBSOUWNujbspIP2h5L2LRiS7yXz5mG3y1oLL8Y4SRL0rVOIKaUhM8b44V7ats0FGoahKEv4IPdLfd8D5vw2TRP6h5uGz/O8rmvs6LoOsBDNgWE10lqzLGvbFvICzotCCLEsy4GfOZRSF8aqur7meYQ/SQ+TlDLCvgXv2m8ex3uangkh0Ap0827lAepN1LAZl997AAAAAElFTkSuQmCC') ! important;
background-position: bottom 4px ! important;
color: black ! important;
text: #333 ! important;
-moz-appearance: none !important;
border: 2px inset white ! important;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment