[Input] Does not have a color prop

[LiamEderzeel]

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The expectation is that this components colors can be modified thought a color prop like similar form components, such as Button and Checkbox.

Current Behavior

Currently you have to overwrite the styles through the classes prop to achieve the desired result.

Context

I use a primary and a secondary color theme in the jss theme for the project I'm currently working on. The primary color pallet are the brand colors and the secondary color pallet is used for highlighting what parts of the site are intractable like buttons menus forms.

Your Environment

Tech	Version
Material-UI	v1.0.0
React	v16.4.0
browser	chrome (latest)
etc

[oliviertassinari]

@LiamEderzeel The Select component is built on top of the input. You can use the same customization options (theme or CSS) https://material-ui.com/demos/text-fields/#customized-inputs.

I use a primary and a secondary color theme in the jss theme for the project I'm currently working on.

This use case sounds good to me. Let's move #10745 discussion here.

[oliviertassinari]

Since #17891 and thanks to @ValentinH, we now have a color prop on the TextField, Input, FilledInput and OutlinedInput components. It supports primary and secondary.