diff --git a/ui/src/assets/widgets/multiselect.scss b/ui/src/assets/widgets/multiselect.scss
index 3988ede899..833f3ef8a7 100644
--- a/ui/src/assets/widgets/multiselect.scss
+++ b/ui/src/assets/widgets/multiselect.scss
@@ -42,7 +42,7 @@
     position: sticky;
     top: 0;
     font-size: 1em;
-    background-color: white;
+    background-color: $pf-primary-background;
     z-index: 1;
     font-size: 0.75em;
     border-bottom: solid 1px $pf-minimal-foreground;
diff --git a/ui/src/assets/widgets/text_input.scss b/ui/src/assets/widgets/text_input.scss
index 307a974e1b..462141b0d9 100644
--- a/ui/src/assets/widgets/text_input.scss
+++ b/ui/src/assets/widgets/text_input.scss
@@ -15,6 +15,7 @@
 @import "theme";
 
 .pf-text-input {
+  color: $pf-minimal-foreground;
   font-family: $pf-font;
   font-size: inherit;
   outline: none; // Disable the default outline
diff --git a/ui/src/assets/widgets/theme.scss b/ui/src/assets/widgets/theme.scss
index cdb451b1ca..c2b3d927f8 100644
--- a/ui/src/assets/widgets/theme.scss
+++ b/ui/src/assets/widgets/theme.scss
@@ -26,14 +26,14 @@ $pf-anim-timing: 150ms cubic-bezier(0.4, 0, 0.2, 1);
 // Other controls might use the primary scheme by default, but have a minimal
 // configuration which makes them use the minimal colour scheme.
 
-$pf-primary-foreground: #fff;
+$pf-primary-foreground: var(--main-foreground-color);
 $pf-primary-foreground-disabled: #aaa;
-$pf-primary-background: #3d5688;
+$pf-primary-background: var(--main-background-color);
 $pf-primary-background-hover: #4966a2;
 $pf-primary-background-active: #243e71;
 $pf-primary-background-disabled: #666;
 
-$pf-minimal-foreground: #19212b;
+$pf-minimal-foreground: var(--main-foreground-color);
 $pf-minimal-foreground-disabled: #aaa;
 $pf-minimal-background: none;
 $pf-minimal-background-hover: #0001;