Fix layout search red text

Summary: The search text should only appear red when it's a regex, and when that regex is not valid.

Reviewed By: danielbuechele

Differential Revision: D16091096

fbshipit-source-id: 22b3e229e2c82ced956bae8fd203c5f177323dc2

src/ui/components/searchable/Searchable.js

@@ -45,7 +45,7 @@ export const SearchInput = styled(Input)(props => ({
   lineHeight: '100%',
   marginLeft: 2,
   width: '100%',
-  color: props.isValidInput ? colors.black : colors.red,
+  color: props.regex && !props.isValidInput ? colors.red : colors.black,
   '&::-webkit-input-placeholder': {
     color: colors.placeholder,
     fontWeight: 300,