From 2ffe2c6f6142cd16325ea472bb77f04f72e038e6 Mon Sep 17 00:00:00 2001 From: Tsu-ba-me Date: Thu, 10 Nov 2022 19:41:27 -0500 Subject: [PATCH] fix(striker-ui): improve contrast between input text and label --- striker-ui/components/OutlinedInput/OutlinedInput.tsx | 4 ++++ .../components/OutlinedInputLabel/OutlinedInputLabel.tsx | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/striker-ui/components/OutlinedInput/OutlinedInput.tsx b/striker-ui/components/OutlinedInput/OutlinedInput.tsx index c5e7bc45..730887d9 100644 --- a/striker-ui/components/OutlinedInput/OutlinedInput.tsx +++ b/striker-ui/components/OutlinedInput/OutlinedInput.tsx @@ -76,6 +76,10 @@ const OutlinedInput: FC = (outlinedInputProps) => { borderColor: UNSELECTED, }, + [`& .${muiOutlinedInputClasses.input}`]: { + color: TEXT, + }, + '&:hover': { [`& .${muiOutlinedInputClasses.notchedOutline}`]: { borderColor: GREY, diff --git a/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx b/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx index 7918646b..e8b954cd 100644 --- a/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx +++ b/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx @@ -27,7 +27,7 @@ const OutlinedInputLabel = ( ...inputLabelRestProps } = inputLabelProps; const combinedSx = { - color: GREY, + color: `${GREY}9f`, [`&.${muiInputLabelClasses.focused}`]: { backgroundColor: GREY,