--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -741,20 +741,28 @@ checkbox:-moz-focusring {
   transform: scaleX(-1);
 }
 
 .theme-checkbox {
   display: inline-block;
   border: 0;
   padding: 0;
   outline: none;
+  background-position: 0 0;
+}
+
+.theme-dark .theme-checkbox {
   background-position: -28px 0;
 }
 
 .theme-checkbox[checked] {
+  background-position: -14px 0;
+}
+
+.theme-dark .theme-checkbox[checked] {
   background-position: -42px 0;
 }
 
 @media (min-resolution: 1.1dppx) {
   .theme-twisty, .theme-checkbox {
     background-image: url("chrome://devtools/skin/images/controls@2x.png");
   }
 }