Improve inputs color
This commit is contained in:
parent
c1e73c5636
commit
17d6e17e5f
1 changed files with 10 additions and 5 deletions
15
src/theme.ts
15
src/theme.ts
|
@ -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: {
|
||||||
|
|
Loading…
Reference in a new issue