From 1f4d2e76d7a1ed50d7bb6f34e03ad784c9dbaa44 Mon Sep 17 00:00:00 2001
From: jonaswinkler <17569239+jonaswinkler@users.noreply.github.com>
Date: Fri, 5 Mar 2021 23:36:09 +0100
Subject: [PATCH] dark mode for color picker

---
 src-ui/src/theme_dark.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 0be25026b..9419974f2 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -1,6 +1,7 @@
 $primary-dark-mode: #45973a;
 $danger-dark-mode: #b71631;
 $bg-dark-mode: #161618;
+$bg-dark-mode-accent: #21262d;
 $bg-light-dark-mode: #1c1c1f;
 $text-color-dark-mode: #abb2bf;
 $text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
@@ -384,6 +385,28 @@ $border-color-dark-mode: #47494f;
     background-color: darken($primary-dark-mode, 5%) !important;
   }
 
+  .popover {
+    .popover-header,
+    .popover-body {
+      background-color: $bg-dark-mode-accent;
+      border-color: $border-color-dark-mode;
+    }
+  }
+  
+  $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;
+    }
+  }
+
+  .bs-popover-bottom .popover-header::before,
+  .bs-popover-auto[x-placement^=bottom] .popover-header::before {
+    border-bottom-color: $bg-dark-mode-accent;
+  }
+
   .ngb-dp-header,
   .ngb-dp-weekdays,
   .ngb-dp-month {