Styling the tiny triangle between popover and target

[darrenklein]

Thanks very much for your hard work on this repo. When applying a background color to the popover, I noticed that the tiny triangle ::before pseudo-element that connects the popover to the target element was still white. I found that I was able to set the color of its background by changing the color of its border-top like so:

[data-popover="popover-name"] {
  background: #15512c;
  color: white;

  &::before {
    border-top-color: #15512c; !important;
  }
}

Please let me know if there's a better way to do this... otherwise, I hope that this is helpful for anyone else struggling with this.