From 8dceb5fb1d47014ceb89648ea0aefbcab5cd0ff3 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Mon, 3 Mar 2025 11:08:38 +0100
Subject: [PATCH] [ACS-9225] serious a11y testing side bar elements must meet
 minimum color contrast ratio thresholds (#10687)

* [ACS-9225] Fixed color contrast for sidebar elements

* [ACS-9225] Applied fix also for processes
---
 lib/core/src/lib/styles/_components-variables.scss          | 1 +
 lib/core/src/lib/styles/_reference-variables.scss           | 1 +
 .../process-filters/process-filters.component.scss          | 6 ++++++
 .../components/task-filters/task-filters.component.scss     | 6 ++++++
 4 files changed, 14 insertions(+)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 2888884d6e..ad745d9463 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -91,6 +91,7 @@
         --adf-secondary-modal-text-color: $adf-secondary-modal-text-color,
         --adf-disabled-button-background: $adf-disabled-button-background,
         --adf-chip-border-color: $adf-chip-border-color,
+        --adf-sidenav-active-text-color: $adf-sidenav-active-text-color,
 
         --adf-display-external-property-widget-preview-selection-color: mat.get-color-from-palette($foreground, secondary-text)
     );
diff --git a/lib/core/src/lib/styles/_reference-variables.scss b/lib/core/src/lib/styles/_reference-variables.scss
index e230964891..13f12f5b9b 100644
--- a/lib/core/src/lib/styles/_reference-variables.scss
+++ b/lib/core/src/lib/styles/_reference-variables.scss
@@ -30,3 +30,4 @@ $adf-secondary-button-background: #2121210d;
 $adf-secondary-modal-text-color: #212121;
 $adf-disabled-button-background: rgba(0, 0, 0, 0.12);
 $adf-chip-border-color: #757575;
+$adf-sidenav-active-text-color: rgba(0, 48, 100, 1);
diff --git a/lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.scss b/lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.scss
index a4d21cc237..8c0e35db4b 100644
--- a/lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.scss
+++ b/lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.scss
@@ -23,6 +23,12 @@ adf-process-instance-filters {
                     color: var(--theme-action-button-text-color);
                 }
             }
+
+            &.adf-active {
+                .adf-filter-action-button__label {
+                    color: var(--adf-sidenav-active-text-color);
+                }
+            }
         }
     }
 }
diff --git a/lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.scss b/lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.scss
index 6b38ed6d02..0f787c1eaf 100644
--- a/lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.scss
+++ b/lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.scss
@@ -23,6 +23,12 @@ adf-task-filters {
                     color: var(--theme-action-button-text-color);
                 }
             }
+
+            &.adf-active {
+                .adf-filter-action-button__label {
+                    color: var(--adf-sidenav-active-text-color);
+                }
+            }
         }
     }
 }