diff --git a/core/themes/olivero/css/components/header-search-wide.css b/core/themes/olivero/css/components/header-search-wide.css index 6d86cf313d6..53c9ac63524 100644 --- a/core/themes/olivero/css/components/header-search-wide.css +++ b/core/themes/olivero/css/components/header-search-wide.css @@ -402,6 +402,17 @@ margin-left: auto; } +@media (forced-colors: active) { + +.block-search-wide__button { + background: ButtonFace +} + + .block-search-wide__button path { + fill: ButtonText; + } + } + /* Provide rudimentary access to site search if JS is disabled. */ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper { diff --git a/core/themes/olivero/css/components/header-search-wide.pcss.css b/core/themes/olivero/css/components/header-search-wide.pcss.css index ab5adf95ba9..bac07058c78 100644 --- a/core/themes/olivero/css/components/header-search-wide.pcss.css +++ b/core/themes/olivero/css/components/header-search-wide.pcss.css @@ -256,6 +256,14 @@ margin-inline-start: auto; margin-inline-end: auto; } + + @media (forced-colors: active) { + background: ButtonFace; + + & path { + fill: ButtonText; + } + } } /* Provide rudimentary access to site search if JS is disabled. */