From 9a93b74bf356275c431a61a14ca783eb93a8440a Mon Sep 17 00:00:00 2001
From: Anukriti Singh <anukriti.singh@hyland.com>
Date: Fri, 13 Oct 2023 14:26:57 +0530
Subject: [PATCH] [ACS-5551] color updated

---
 .../card-view-textitem/card-view-textitem.component.html   | 2 +-
 .../components/card-view/card-view.component.scss          | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
index f3685aeb69..35bb1c147f 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
@@ -1,7 +1,7 @@
 <div [ngSwitch]="templateType">
     <div *ngSwitchDefault>
         <mat-form-field class="adf-property-field adf-card-textitem-field"
-            [ngClass]="{ 'adf-property-read-only': !isEditable, 'adf-property-field-has-error mat-form-field-invalid': isEditable && hasErrors }"
+            [ngClass]="{ 'adf-property-read-only': !isEditable, 'adf-property-editable-property': isEditable, 'adf-property-field-has-error mat-form-field-invalid': isEditable && hasErrors }"
             [floatLabel]="'always'"
             appearance="standard">
             <mat-label *ngIf="showProperty || isEditable" [attr.data-automation-id]="'card-textitem-label-' + property.key" class="adf-property-label"
diff --git a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
index 2193a02782..a21529e317 100644
--- a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
@@ -26,6 +26,13 @@
             }
         }
 
+        .adf-property-editable-property {
+
+            .adf-property-label {
+                color: var(--theme-metadata-property-panel-title-color);
+            }
+        }
+
         .adf-property-field {
             width: 100%;