From 0072e55fbf36bfb6e263dc01f2058057565ef55c Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:17:38 +0100
Subject: [PATCH] [AAE-14726] apply design tokens for
 ProcessHeaderCloudComponent

---
 .../components/process-header-cloud.component.html            | 4 ++--
 .../components/process-header-cloud.component.scss            | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss

diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
index 6889a8ef655..fa55a6cb079 100644
--- a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
@@ -1,5 +1,5 @@
-<mat-card *ngIf="processInstanceDetails">
+<mat-card *ngIf="processInstanceDetails" class="adf-process-header-cloud-card">
   <mat-card-content>
     <adf-card-view [properties]="properties"></adf-card-view>
   </mat-card-content>
-</mat-card>
\ No newline at end of file
+</mat-card>
diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
new file mode 100644
index 00000000000..aa71b833092
--- /dev/null
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
@@ -0,0 +1,3 @@
+.adf-process-header-cloud-card {
+    background-color: var(--adf-process-header-cloud-card-background);
+}