diff --git a/client/src/Utils/Theme/globalTheme.js b/client/src/Utils/Theme/globalTheme.js index 59c26866a..37526ed73 100644 --- a/client/src/Utils/Theme/globalTheme.js +++ b/client/src/Utils/Theme/globalTheme.js @@ -305,7 +305,7 @@ const baseTheme = (palette) => ({ styleOverrides: { root: ({ theme }) => ({ "& fieldset": { - borderColor: theme.palette.primary.contrastBorder, + borderColor: theme.palette.primary.lowContrast, borderRadius: theme.shape.borderRadius, }, @@ -324,18 +324,22 @@ const baseTheme = (palette) => ({ /* borderColor: theme.palette.primary.contrastText, */ }, }, + "& .MuiInputBase-input:-webkit-autofill": { transition: "background-color 5000s ease-in-out 0s", WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.primary.main} inset`, WebkitTextFillColor: theme.palette.primary.contrastText, }, + "& .MuiInputBase-input.MuiOutlinedInput-input": { padding: "0 var(--env-var-spacing-1-minus) !important", }, + "& .MuiOutlinedInput-root": { color: theme.palette.primary.contrastTextSecondary, borderRadius: 4, }, + "& .MuiOutlinedInput-notchedOutline": { borderRadius: 4, }, @@ -346,6 +350,7 @@ const baseTheme = (palette) => ({ fontSize: "var(--env-var-font-size-medium)", marginLeft: 0, }, + "& .MuiFormHelperText-root.Mui-error": { opacity: 0.8, fontSize: "var(--env-var-font-size-medium)", @@ -355,6 +360,7 @@ const baseTheme = (palette) => ({ }), }, }, + MuiOutlinedInput: { styleOverrides: { root: { @@ -365,12 +371,12 @@ const baseTheme = (palette) => ({ borderColor: palette.primary.contrastBorderDisabled, }, "&:hover .MuiOutlinedInput-notchedOutline": { - borderColor: palette.primary.contrastText, // Adjust hover border color + borderColor: palette.primary.lowContrast, // Adjust hover border color }, "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: palette.accent.main, // Adjust focus border color }, - color: palette.primary.contrastTextTertiary, + color: palette.primary.contrastText, }, }, },