From 09194947f5af01e1d8db5e647357f354a97b74bf Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Wed, 17 Jul 2024 13:45:38 +0530
Subject: [PATCH] [ACS-8378] Fixed inputs having fill styling throughout ACA
 (#3944)

* [ACS-8378] Mat form fields now have white background instead of grey

* [ACS-8378] Fixed issue where the background of the boolean mode control dropdown was appearing as white when in condition groups. Labels in create rules window are now black
---
 .../conditions/rule-composite-condition.ui-component.html | 2 +-
 .../conditions/rule-composite-condition.ui-component.scss | 8 ++++++++
 .../src/rule-details/rule-details.ui-component.scss       | 1 +
 projects/aca-content/src/lib/ui/theme.scss                | 2 +-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
index 3d26bfdb17..597e5cd2b3 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
@@ -16,7 +16,7 @@
       </mat-select>
     </mat-form-field>
 
-    <mat-form-field *ngIf="i > 0" subscriptSizing="dynamic">
+    <mat-form-field *ngIf="i > 0" subscriptSizing="dynamic" class="aca-rule-composite-condition__boolean-mode-control">
       <mat-select
         [formControl]="booleanModeControl">
         <mat-option value="and">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
index fab4aabbcc..5e9a0ee62a 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
@@ -37,6 +37,14 @@
       & > :nth-child(2) {
         flex: 1;
       }
+
+      .aca-rule-composite-condition__boolean-mode-control #{$mat-form-field-wrapper} {
+        background-color: unset;
+
+        #{$mat-select-disabled} {
+          color: var(--adf-theme-foreground-text-color);
+        }
+      }
     }
 
     &__no-conditions {
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
index a954834ad2..fd4b9ee632 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
@@ -36,6 +36,7 @@
       & > label,
       & > .aca-label {
         font-weight: bold;
+        color: var(--adf-theme-foreground-text-color);
         width: 20%;
         min-width: 100px;
         max-width: 150px;
diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss
index a19051ab87..02b05d13ff 100644
--- a/projects/aca-content/src/lib/ui/theme.scss
+++ b/projects/aca-content/src/lib/ui/theme.scss
@@ -18,7 +18,7 @@ mat-toolbar {
   color: var(--theme-secondary-text);
 }
 
-#{$mat-text-field-filled}:not(#{$mat-text-field-disabled})#{$mat-form-field-wrapper} {
+#{$mat-form-field} #{$mat-form-field-wrapper}#{$mat-text-field-filled}:not(#{$mat-text-field-disabled}) {
   background-color: transparent;
   padding: 0;
 }