CORK Admin Template - Popovers UI Kit

<a class="btn btn-primary rounded bs-popover mb-3" data-container="body" data-content="Tooltip using ANCHOR tag">
Link
</a>
<button type="button" class="btn btn-success rounded bs-popover mb-3" data-container="body" data-content="Tooltip using BUTTON tag">
Button
</button>

<a tabindex="0" class="btn btn-dark rounded bs-popover mb-3" data-container="body" data-trigger="focus" data-placement="left" data-content="Lorem ipsum dolor sit.">
Popover on left
</a>

Change popover template html as shown below to add color scheme.

<!-- Primary -->
<button type="button" class="btn btn-primary btn-popover-primary mb-2 rounded" data-container="body" data-html="true" data-placement="top"> Primary </button>

$('.btn-popover-primary').popover({
template: '<div class="popover popover-primary" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
title: "Primary",
content: "Primary popover"
});