link icon tooltip as black tooltip

mindplot/src/main/javascript/widget/KeyboardShortcutTooltip.js

@@ -35,7 +35,8 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
             content: this._buildContent(),
             html: true,
             placement: 'bottom',
-            className: 'keyboardShortcutTip'
+            className: 'keyboardShortcutTip',
+            template: '<div class="popover popoverBlack" role="tooltip"><div class="arrow arrowBlack"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
         });
 
         tipDiv.on('click', function(e) {
@@ -47,7 +48,8 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
         var result = $('<div></div>');
         result.css({
             padding:'3px 0px',
-            width:'100%'
+            width:'100%',
+            color: "white"
         });
 
         var textContainer = $('<div></div>').text(this._text);

wise-editor/src/main/webapp/bootstrap/css/bootstrap.css

@@ -5340,7 +5340,7 @@ button.close {
   border-radius: 5px 5px 0 0;
 }
 .popover-content {
-  padding: 4px 6px;
+  padding: 2px 8px;
 }
 .popover .arrow,
 .popover .arrow:after {

wise-editor/src/main/webapp/css/editor.less

@@ -147,4 +147,12 @@ div.shareModalDialog {
   background-color: #efefef;
 }
 
+.popoverBlack {
+  background: black;
+}
+
+.popoverBlack.bottom .arrow:after{
+  border-bottom-color: black;
+
+}