diff --git a/addons/web/static/src/search/search_panel/search_view.scss b/addons/web/static/src/search/search_panel/search_view.scss
index a4413e21a3c..a0da52111d9 100644
--- a/addons/web/static/src/search/search_panel/search_view.scss
+++ b/addons/web/static/src/search/search_panel/search_view.scss
@@ -150,7 +150,7 @@
 
 .o_web_client .o_mobile_search {
     align-items: normal;
-    background-color: white;
+    background-color: var(--mobileSearch-bg, #{$o-white});
     border: none;
     bottom: 0;
     display: flex;
@@ -164,7 +164,7 @@
     z-index: $zindex-modal;
 
     .o_mobile_search_header {
-        background-color: $o-brand-odoo;
+        background-color: var(--mobileSearch__header-bg, #{$o-brand-odoo});
         display: flex;
         min-height: $o-navbar-height;
         justify-content: space-between;