Search Page Header Color

#1. Add this code to Code Injection > Footer and Save

  <script>
if (document.location.pathname.indexOf("/search") == 0) {
    document.querySelector('body').classList.add('t-search')
}
  </script>

#2. Add this code to the Custom CSS box and Save

body.t-search {
/* header color */
header#header {
    background-color: #f1f2f3 !important;
}
/* navigation items */
header#header div.header-nav-item>a {
    color: #f1f !important;
}
/* Login text */
header#header [class*="auth"] {
    color: #f1f !important;
}
/* Social Icons */
header#header [class*="social"] svg {
    fill: #f1f;
}
/* Cart icon */
header#header [class*="cart"] svg {
    fill: #f1f;
    stroke: #f1f !important;
}
/* Cart quantity */
header#header span.sqs-cart-quantity {
    color: #f1f;
}
/* Buttons */
header#header a.btn {
    background-color: black !important;
    color: white !important;
}
/* Burger Icon */
header#header .burger-inner>div {
    background-color: #f1f !important;
}
/* Burger X Close icon */
body.header--menu-open header#header .burger-inner>div {
    background-color: #f1f !important;
}}