diff --git a/src/main/scss/abstracts/_theme.scss b/src/main/scss/abstracts/_theme.scss
index 11d6543d8dac..275263885086 100644
--- a/src/main/scss/abstracts/_theme.scss
+++ b/src/main/scss/abstracts/_theme.scss
@@ -202,7 +202,11 @@ $semantics: (
     var(--jenkins-border--subtle-shadow);
 
   ::backdrop {
-    --command-palette-backdrop-background: rgb(0 0 0 / 0.2);
+    --command-palette-backdrop-background: color-mix(
+      in sRGB,
+      var(--text-color) 30%,
+      transparent
+    );
   }
 
   // Tooltips
diff --git a/src/main/scss/components/_command-palette.scss b/src/main/scss/components/_command-palette.scss
index 94ab94acfd24..a487f3429b04 100644
--- a/src/main/scss/components/_command-palette.scss
+++ b/src/main/scss/components/_command-palette.scss
@@ -14,7 +14,7 @@
 
   &::backdrop {
     background: var(--command-palette-backdrop-background);
-    backdrop-filter: brightness(0.9) saturate(1.25) blur(2px);
+    backdrop-filter: saturate(1.25) blur(2px);
     animation: jenkins-dialog-backdrop-animate-in 0.1s linear;
   }