@mixin dark-popover {
	.popover {
		background-color: $dark-popover-bg;
		border-color: $dark-popover-border-color;
	}

	@each $side, $direction in (top: top, bottom: bottom, start: left, end: right) {
		.bs-popover-#{$side} > .popover-arrow {
			&::before {
				border-#{$direction}-color: $dark-popover-arrow-outer-color;
			}

			&::after {
				border-#{$direction}-color: $dark-popover-arrow-color;
			}
		}
	}

	.popover-header {
		color: $dark-popover-header-color;
		background-color: $dark-popover-header-bg;
		border-bottom-color: $dark-popover-header-border-color;
	}

	.popover-body {
		color: $dark-popover-body-color;
	}
}