add vars for tooltip customization via background and color

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);
 }
 

less/variables.less

@@ -200,8 +200,10 @@
 
 // Tooltips and popovers
 // -------------------------
+@tooltipColor:            #fff;
+@tooltipBackground:       #000;
 @tooltipArrowWidth:       5px;
-@tooltipArrowColor:       #000;
+@tooltipArrowColor:       @tooltipBackground;
 
 @popoverArrowWidth:       10px;
 @popoverArrowColor:       #fff;