From 8283000b3ab9b95bacec8f2b9f87233da9b8c8e3 Mon Sep 17 00:00:00 2001
From: petarmarkov9449 <166535589+petarmarkov9449@users.noreply.github.com>
Date: Mon, 20 Jan 2025 17:40:43 +0100
Subject: [PATCH] fix: (CXSPA-9048) - Fix popover and dropdown appearance when
 a High Contrast Theme is applied. (#19840)

---
 .../organization/administration/styles/_list.scss     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/feature-libs/organization/administration/styles/_list.scss b/feature-libs/organization/administration/styles/_list.scss
index 72f349a1942..2743eb37492 100644
--- a/feature-libs/organization/administration/styles/_list.scss
+++ b/feature-libs/organization/administration/styles/_list.scss
@@ -342,6 +342,17 @@
       overflow: initial;
     }
   }
+
+  @include cx-highContrastTheme {
+    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+      background-color: var(--cx-color-background);
+      color: var(--cx-color-text);
+      &.ng-option-marked {
+        background-color: var(--cx-color-text);
+        color: var(--cx-color-background);
+      }
+    }
+  }
 }
 
 // generic table styles for both vertical and stacked tables