fix(striker-ui): improve contrast between input text and label

2 years ago · 2ffe2c6f61
parent 5e9c38b008
commit 2ffe2c6f61
2 changed files with 5 additions and 1 deletions
--- a/striker-ui/components/OutlinedInput/OutlinedInput.tsx
+++ b/striker-ui/components/OutlinedInput/OutlinedInput.tsx
@ -76,6 +76,10 @@ const OutlinedInput: FC<OutlinedInputProps> = (outlinedInputProps) => {
        borderColor: UNSELECTED,
      },

+      [`& .${muiOutlinedInputClasses.input}`]: {
+        color: TEXT,
+      },
+
      '&:hover': {
        [`& .${muiOutlinedInputClasses.notchedOutline}`]: {
          borderColor: GREY,
--- 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,