diff --git a/less/tooltip.less b/less/tooltip.less
index 89143decab..fba1856f58 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -23,10 +23,10 @@
 .tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
-  color: @white;
+  color: @tooltipColor;
   text-align: center;
   text-decoration: none;
-  background-color: @black;
+  background-color: @tooltipBackground;
   .border-radius(4px);
 }
 
diff --git a/less/variables.less b/less/variables.less
index 394d10636c..725100443b 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -200,8 +200,10 @@
 
 // Tooltips and popovers
 // -------------------------
+@tooltipColor:            #fff;
+@tooltipBackground:       #000;
 @tooltipArrowWidth:       5px;
-@tooltipArrowColor:       #000;
+@tooltipArrowColor:       @tooltipBackground;
 
 @popoverArrowWidth:       10px;
 @popoverArrowColor:       #fff;