diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 6c746dd22a..ed226f0082 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -83,7 +83,12 @@
--adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
--adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
--adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
- --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
+ --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
+
+ --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
+ --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
+ --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
+ --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
);
// propagates SCSS variables into the CSS variables scope
diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
index 29bee9e0c4..0f5d82cee5 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
@@ -18,7 +18,6 @@
-
+
{{ assignmentType.label | translate }}
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
index 60a39d7795..9df37c187c 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
@@ -1,14 +1,30 @@
.adf-cloud-assignment-container {
display: flex;
flex-wrap: wrap;
-
- mat-form-field {
- width: 100%;
- }
}
.adf-task-assignment-filter {
margin-right: 10px;
+
+ &-container {
+ width: 100%;
+ }
+
+ &-label {
+ color: var(--adf-task-assignment-filter-label-default-color);
+
+ &.adf-task-assignment-filter-label--focus {
+ color: var(--adf-task-assignment-filter-label-focus-color);
+ }
+ }
+
+ &-option {
+ color: var(--adf-task-assignment-filter-option-default-color);
+
+ &.adf-task-assignment-filter-option--selected:not(&:disabled) {
+ color: var(--adf-task-assignment-filter-option-selected-color);
+ }
+ }
}
.adf-group-cloud-filter {