From 17d6e17e5f0c3de58a5ee7c2a72add6800c227db Mon Sep 17 00:00:00 2001 From: Krzysztof Bialoglowicz Date: Wed, 11 Sep 2019 12:27:15 +0200 Subject: [PATCH] Improve inputs color --- src/theme.ts | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/theme.ts b/src/theme.ts index 1bf307a59..a58faeeda 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -107,8 +107,10 @@ export default (colors: IThemeColors): Theme => filled: { color: [[colors.primary], "!important"] as any }, - focused: { - color: [[colors.font.gray], "!important"] as any + root: { + "&$focused": { + color: [[colors.font.gray], "!important"] as any + } } }, MuiIconButton: { @@ -160,6 +162,9 @@ export default (colors: IThemeColors): Theme => "&$disabled": { color: `${fade(colors.primary, 0.4)} !important` as any }, + "&$focused": { + color: [[colors.primary], "!important"] as any + }, color: colors.input.text }, shrink: { @@ -257,7 +262,7 @@ export default (colors: IThemeColors): Theme => "&::placeholder": { opacity: [[1], "!important"] as any }, - color: colors.input.textHover, + color: colors.font.default, zIndex: 2 } }, @@ -266,7 +271,7 @@ export default (colors: IThemeColors): Theme => borderColor: [[colors.primary], "!important"] as any }, "& input": { - color: colors.input.textHover, + color: colors.font.default, zIndex: 2 } }, @@ -274,7 +279,7 @@ export default (colors: IThemeColors): Theme => } }, MuiSelect: { - disabled: { + "&$disabled": { color: colors.input.disabledText }, outlined: {