Input's color is hard-coded

[FranBran]

The input's color cannot be themed. I would expect that the color defined in theme.palette.primary is used instead.

Line 66 of Input.js says: color: light ? 'rgba(0, 0, 0, 0.87)' : theme.palette.common.white

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Your Environment

Tech	Version
Material-UI	v1.4.2
React
browser
etc.

[itelo]

bottomLineColor should be available to be themed too.

const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';

[itelo]

maybe add a color prop for input, like in button?

<Input color="primary" />

[oliviertassinari]

@FranBran I agree. Going through the history, it seems to be an old regression. This line can be simplified
https://github.com/mui-org/material-ui/blob/8013fdd36d40980ebb8f116f20e2843b781c0c39/packages/material-ui/src/Input/Input.js#L66
with:

-color: light ? 'rgba(0, 0, 0, 0.87)' : theme.palette.common.white, 
+color: theme.palette.text.primary, 

It's identical. Do you want to work on it? :)

bottomLineColor should be available to be themed too.

@itelo This is close to #12192. I think that it what I would encourage, using a CSS override or a theme.overrides.

maybe add a color prop for input, like in button?

@itelo #11644

[adeelibr]

Made a pull request #12458