From 5b5e8d7860b0e53043c8d13b9760ad0317071c73 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 20 Feb 2022 01:25:31 -0800
Subject: [PATCH] bs5: fix popover carat colors in dark mode

---
 src-ui/src/theme_dark.scss | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 98ddcb4e7..9c6d2b1de 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -414,13 +414,18 @@ $border-color-dark-mode: #47494f;
     }
   }
 
-  $placements: 'top', 'right', 'bottom', 'left';
-
-  @each $placement in $placements {
-    .bs-popover-#{$placement} > .arrow::after,
-    .bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
-      border-#{$placement}-color: $bg-dark-mode-accent;
-    }
+  // fix popover carat colors
+  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] {
+    border-left-color: $bg-dark-mode-accent;
+  }
+  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] {
+    border-right-color: $bg-dark-mode-accent;
+  }
+  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] {
+    border-top-color: $bg-dark-mode-accent;
+  }
+  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] {
+    border-bottom-color: $bg-dark-mode-accent;
   }
 
   .bs-popover-bottom .popover-header::before,