Merge 3a6b01e98c into b2ad0b9dd9

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Fixed
+
+- Fixed the background color of dropdown elements in the safe withdrawal rate selector in the _FIRE_ section (experimental)
+
 ## 3.68.0 - 2026-09-06
 
 ### Added

apps/client/src/app/pages/portfolio/fire/fire-page.scss

@@ -21,6 +21,11 @@
       box-shadow: none;
       outline: 0;
     }
+
+    option {
+      background-color: var(--light-background);
+      color: rgb(var(--dark-primary-text));
+    }
   }
 }
 
@@ -31,7 +36,8 @@
     color: rgb(var(--light-primary-text));
 
     option {
-      color: rgb(var(--dark-primary-text));
+      background-color: var(--dark-background);
+      color: rgb(var(--light-primary-text));
     }
   }
 }

apps/client/src/styles/theme.scss

@@ -249,6 +249,12 @@ $gf-typography: (
     )
   );
 
+  @include mat.autocomplete-overrides(
+    (
+      background-color: var(--dark-background)
+    )
+  );
+
   @include mat.button-overrides(
     (
       outlined-label-text-color: var(--light-primary-text),
@@ -271,6 +277,30 @@ $gf-typography: (
     )
   );
 
+  @include mat.datepicker-overrides(
+    (
+      calendar-container-background-color: var(--dark-background)
+    )
+  );
+
+  @include mat.dialog-overrides(
+    (
+      container-color: var(--dark-background)
+    )
+  );
+
+  @include mat.menu-overrides(
+    (
+      container-color: var(--dark-background)
+    )
+  );
+
+  @include mat.select-overrides(
+    (
+      panel-background-color: var(--dark-background)
+    )
+  );
+
   @include mat.slide-toggle-overrides(
     (
       selected-track-outline-color: rgba(var(--light-dividers)),