facebook/react-devtools

SearchInput text is always black, regardless of theme

Closed this issue ยท 2 comments

The text inside the searchbar (i.e. the text you type when you want to search for a component) is not using the theme for its color (hence it has the default black color), but its background is using the theme. This means that text is almost unreadable when using a dark theme. I'm on Chrome, with React devtools 3.6.

image

I think adding the right var here :

.Input {
font-size: var(--font-size-sans-normal);
padding: 0.25rem;
margin: 0.25rem;
margin-left: 1.75rem;
background-color: transparent;
border: none;
outline: none;
width: 100%;
}
would solve it. IMO the right choice is base05, for default foreground?
If you agree with me I'll happily submit a PR for this.
And thanks for the work you put in this awesome tool ๐Ÿ‘

This was regressed during the switch to CSS modules:

196b381#diff-2bca863d41a601cd26c345da7bfa587bR93

According to

color: theme.base05,
, you can set the text color to base05

Whoops ๐Ÿ˜„ Thanks for the report!

Fixed with #1279 ~ will go out with the next release