From adbbb48dd874857e93f4a6fda82ea495b9d1e2da Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Wed, 22 Mar 2023 09:52:48 -0700
Subject: [PATCH] update ng-option selected and marked styles (#4453)

---
 libs/components/src/multi-select/scss/bw.theme.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/multi-select/scss/bw.theme.scss b/libs/components/src/multi-select/scss/bw.theme.scss
index 8ced6afdc3a..0d9b9c86712 100644
--- a/libs/components/src/multi-select/scss/bw.theme.scss
+++ b/libs/components/src/multi-select/scss/bw.theme.scss
@@ -12,6 +12,7 @@ $ng-select-border: rgb(var(--color-secondary-500)) !default;
 $ng-select-border-radius: 4px !default;
 $ng-select-bg: rgb(var(--color-background-alt)) !default;
 $ng-select-selected: transparent !default;
+$ng-select-selected-alt: rgb(var(--color-text-main) / 0.06) !default;
 $ng-select-selected-text: $ng-select-primary-text !default;
 
 $ng-select-marked: rgb(var(--color-text-main) / 0.12) !default;
@@ -356,10 +357,15 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
       background-color: $ng-select-dropdown-option-bg;
       color: $ng-select-dropdown-option-text;
       padding: 8px 10px;
+      &.ng-option-selected {
+        background-color: $ng-select-selected-alt;
+      }
+      &.ng-option-selected.ng-option-marked {
+        background-color: $ng-select-marked;
+      }
       &.ng-option-selected,
       &.ng-option-selected.ng-option-marked {
         color: $ng-select-selected-text;
-        background-color: $ng-select-selected;
         .ng-option-label {
           font-weight: 600;
         }