From af99b287da045bdda3e9ac9691424041cd1d3109 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 30 Aug 2025 14:57:42 +0200
Subject: [PATCH] Feature/restore colors in autocomplete and datepicker
 components (#5435)

---
 apps/client/src/styles/theme.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/apps/client/src/styles/theme.scss b/apps/client/src/styles/theme.scss
index 40b83919f..0cae8fd22 100644
--- a/apps/client/src/styles/theme.scss
+++ b/apps/client/src/styles/theme.scss
@@ -158,6 +158,12 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
 
   @include mat.all-component-themes($gf-theme-default);
 
+  @include mat.autocomplete-overrides(
+    (
+      background-color: var(--light-background)
+    )
+  );
+
   @include mat.button-overrides(
     (
       outlined-label-text-color: var(--dark-primary-text),
@@ -173,6 +179,12 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.datepicker-overrides(
+    (
+      calendar-container-background-color: var(--light-background)
+    )
+  );
+
   @include mat.dialog-overrides(
     (
       container-color: var(--light-background)
@@ -271,6 +283,18 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.datepicker-overrides(
+    (
+      calendar-container-elevation-shadow: var(
+          --mat-select-container-elevation-shadow
+        ),
+      calendar-date-selected-state-background-color: var(--gf-theme-primary-500),
+      calendar-date-today-selected-state-outline-color: var(
+          --gf-theme-primary-500
+        )
+    )
+  );
+
   @include mat.dialog-overrides(
     (
       container-max-width: 80vw,