diff --git a/src/css/less/forms.less b/src/css/less/forms.less
index 7be785f022a..e70efb362c8 100644
--- a/src/css/less/forms.less
+++ b/src/css/less/forms.less
@@ -16,11 +16,11 @@ input[type="checkbox"]+.cr1 {
   margin-top: 4px;
   padding: 0 0 0 20px;
   vertical-align:middle;
-  background:url(../img/checkbox.png) left top no-repeat;
+  background: url(@checkboxImageUrl) left top no-repeat;
   cursor:pointer;
 }
 
 input[type="checkbox"]:checked+label {
-  background:url(../img/checkbox.png) 0px -18px no-repeat;
+  background: url(@checkboxImageUrl) 0px -18px no-repeat;
 }
 
diff --git a/src/css/less/variables.dark.less b/src/css/less/variables.dark.less
index 287694b1d0a..42ab0bba861 100644
--- a/src/css/less/variables.dark.less
+++ b/src/css/less/variables.dark.less
@@ -290,7 +290,8 @@
 @popoverArrowOuterWidth:  @popoverArrowWidth + 1;
 @popoverArrowOuterColor:  rgba(0,0,0,.25);
 
-
+// images
+@checkboxImageUrl: '../img/checkbox.png';
 
 // GRID
 // --------------------------------------------------
diff --git a/src/css/less/variables.light.less b/src/css/less/variables.light.less
index 5f843fa4d7a..063d0148c37 100644
--- a/src/css/less/variables.light.less
+++ b/src/css/less/variables.light.less
@@ -299,12 +299,12 @@
 @popoverArrowOuterWidth:  @popoverArrowWidth + 1;
 @popoverArrowOuterColor:  rgba(0,0,0,.25);
 
-
+// images
+@checkboxImageUrl: '../img/checkbox_white.png';
 
 // GRID
 // --------------------------------------------------
 
-
 // Default 940px grid
 // -------------------------
 @gridColumns:             12;
diff --git a/src/img/checkbox_white.png b/src/img/checkbox_white.png
new file mode 100644
index 00000000000..dbff6d5ab64
Binary files /dev/null and b/src/img/checkbox_white.png differ