mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-07 02:09:46 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2429 from anuragparashar26/develop

Browse Source 
fix: update TextInput border color to match dropdown (#2406)
This commit is contained in:
Alexander Holliday
2025-06-12 09:01:40 +08:00
committed by GitHub
parent 3cd8191aa4 6dea8b434b
commit 4e10325eea
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/Utils/Theme/globalTheme.js
View File

@@ -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,
},
},
},