Improve inputs color

This commit is contained in:
Krzysztof Bialoglowicz 2019-09-11 12:27:15 +02:00
parent c1e73c5636
commit 17d6e17e5f

View file

@ -107,8 +107,10 @@ export default (colors: IThemeColors): Theme =>
filled: { filled: {
color: [[colors.primary], "!important"] as any color: [[colors.primary], "!important"] as any
}, },
focused: { root: {
color: [[colors.font.gray], "!important"] as any "&$focused": {
color: [[colors.font.gray], "!important"] as any
}
} }
}, },
MuiIconButton: { MuiIconButton: {
@ -160,6 +162,9 @@ export default (colors: IThemeColors): Theme =>
"&$disabled": { "&$disabled": {
color: `${fade(colors.primary, 0.4)} !important` as any color: `${fade(colors.primary, 0.4)} !important` as any
}, },
"&$focused": {
color: [[colors.primary], "!important"] as any
},
color: colors.input.text color: colors.input.text
}, },
shrink: { shrink: {
@ -257,7 +262,7 @@ export default (colors: IThemeColors): Theme =>
"&::placeholder": { "&::placeholder": {
opacity: [[1], "!important"] as any opacity: [[1], "!important"] as any
}, },
color: colors.input.textHover, color: colors.font.default,
zIndex: 2 zIndex: 2
} }
}, },
@ -266,7 +271,7 @@ export default (colors: IThemeColors): Theme =>
borderColor: [[colors.primary], "!important"] as any borderColor: [[colors.primary], "!important"] as any
}, },
"& input": { "& input": {
color: colors.input.textHover, color: colors.font.default,
zIndex: 2 zIndex: 2
} }
}, },
@ -274,7 +279,7 @@ export default (colors: IThemeColors): Theme =>
} }
}, },
MuiSelect: { MuiSelect: {
disabled: { "&$disabled": {
color: colors.input.disabledText color: colors.input.disabledText
}, },
outlined: { outlined: {