---
title: How can I change the background color of the search window?
description: The search window opened by the header's search icon takes its colors from Global theme styles > Header colors > Overlay window.
---

[Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

# [How can I change the background color of the search window?](https://www.stuff-n-matters.com/knowledge-base/how-can-i-change-the-background-color-of-the-search-window)

 Written by [HubSpotted](https://www.stuff-n-matters.com/knowledge-base/author/hubspotted) | Sep 9, 2026, 8:33:15 AM

The colors of the search window that opens when you click the search icon in the header are part of the theme's header colors. In the page editor, go to **Global theme styles > Header colors > Overlay window** and change **Background**. The same group also holds the text and link colors of that window.

These colors are shared by all overlay screens of the header, such as the language selection and quick contact screens, so they always match. Click **Publish changes** at the top right once you are done.

[Back to Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

[View full post](https://www.stuff-n-matters.com/knowledge-base/how-can-i-change-the-background-color-of-the-search-window)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpotted"
  },
  "dateModified" : "2026-09-09T08:33:35.986Z",
  "datePublished" : "2026-09-09T08:33:15Z",
  "headline" : "How can I change the background color of the search window?",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.stuff-n-matters.com/knowledge-base/how-can-i-change-the-background-color-of-the-search-window",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Knowledge Base"
  }
}
```