* popover support tip class to change color.

src/less/modules/popovers.less

@@ -19,7 +19,6 @@
   z-index: @zindex-popover;
   display: none;
   max-width: @popover-max-width;
-  padding: 1px;
   text-align: left; // Reset given new insertion method
   background-color: @popover-bg;
   background-clip: padding-box;
@@ -53,7 +52,7 @@
   line-height: 18px;
   background-color: @popover-title-bg;
   border-bottom: 1px solid darken(@popover-title-bg, 5%);
-  border-radius: 5px 5px 0 0;
+  border-radius: @border-radius-base @border-radius-base 0 0;
 }
 
 .popover-content {
@@ -147,3 +146,34 @@
     }
   }
 }
+
+
+// Mixin for popover color variant
+
+.popover-variant(@color) {
+  border-color: @color;
+
+  .popover-title {
+    background-color: @color;
+    color: @color-white;
+  }
+
+  &.popover {
+    &.top .arrow {border-top-color: @color;}
+    &.right .arrow {border-right-color: @color;}
+    &.left .arrow {border-left-color: @color;}
+    &.bottom {
+      .arrow,
+      .arrow:after {border-bottom-color: @color;}
+    }
+  }
+}
+
+
+// Colors
+
+.popover-primary {.popover-variant(@state-primary-inverse-bg);}
+.popover-success {.popover-variant(@state-success-inverse-bg);}
+.popover-info {.popover-variant(@state-info-inverse-bg;);}
+.popover-warning {.popover-variant(@state-warning-inverse-bg);}
+.popover-danger {.popover-variant(@state-danger-inverse-bg);}