Darken Jetpack Search icon - WP.com App Developer's homepage

[flexseth]

Poor contrast on app developer's homepage ​https://developer.wordpress.com/apps

Suggested fix

Switch icon to the contrast color

CSS

.wp-block-search__button svg  {
   fill: inherit;
}

CSS file: ​https://developer.wordpress.com/wp-content/plugins/gutenberg-core/v23.7.1/build/styles/block-library/search/style.min.css

Or otherwise, changing the contrast wherever it is located.

[flexseth]

Search icon in header

[sabernhardt]

Hi! This is another WordPress.com site, so you would need to contact Automattic again (as you did for #63698).
​https://wordpress.com/support/contact/

---

Global styles set the Search block button to white on developer.wordpress.com and developer.wordpress.com/apps:

/* Style nav search item */
header .lp-nav-search .wp-block-search__inside-wrapper button {
	background-color: transparent;
	color: #000;
}

header .lp-nav-search .wp-block-search__inside-wrapper button {
	color: #fff;
}

If the SVG fill is changed from currentColor to inherit, the icon would be black against near-black on developer.wordpress.com (body background is #101517, at least when data-dark-mode="true").

The developer.wordpress.com/docs page has an issue with its search button too, but that is not a Search block. That button's background is transparent with a white SVG, against a white body background.

[flexseth]

Ah, ok thank you! I'm drafting up a spreadsheet with info about the various contact channels and sources of truth for WordPress properties, searched everywhere trying to find the right place and landed here.

I will update to reflect all of the WP.com properties should go through the support forums.

[sabernhardt]

Closing as invalid because it does not relate to WordPress Core