diff --git a/Client/src/Components/Inputs/Checkbox/index.jsx b/Client/src/Components/Inputs/Checkbox/index.jsx index 7d9a31bd3..a0348dedf 100644 --- a/Client/src/Components/Inputs/Checkbox/index.jsx +++ b/Client/src/Components/Inputs/Checkbox/index.jsx @@ -37,6 +37,7 @@ const Checkbox = ({ onChange, isDisabled, }) => { + /* TODO move sizes to theme */ const sizes = { small: "14px", medium: "16px", large: "18px" }; const theme = useTheme(); @@ -78,6 +79,10 @@ const Checkbox = ({ fontSize: 13, color: theme.palette.text.tertiary, }, + ".MuiFormControlLabel-label.Mui-disabled": { + color: theme.palette.text.tertiary, + opacity: 0.25, + }, }} /> ); diff --git a/Client/src/Components/Inputs/Field/index.jsx b/Client/src/Components/Inputs/Field/index.jsx index ccb0c1e37..0e558c197 100644 --- a/Client/src/Components/Inputs/Field/index.jsx +++ b/Client/src/Components/Inputs/Field/index.jsx @@ -67,7 +67,7 @@ const Field = forwardRef( borderColor: theme.palette.border.dark, }, "&:has(.input-error) .MuiOutlinedInput-root fieldset": { - borderColor: theme.palette.error.contrastText, + borderColor: theme.palette.error.main, }, display: hidden ? "none" : "", }} @@ -83,7 +83,7 @@ const Field = forwardRef( * @@ -189,7 +189,7 @@ const Field = forwardRef(