From f64d1d9e26224b560a24345d58f42a36260a57ce Mon Sep 17 00:00:00 2001 From: Kyle Carberry Date: Mon, 15 May 2023 16:37:05 +0000 Subject: [PATCH 1/2] chore: improve input hover color This looked weird being white! --- site/src/theme/theme.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts index 69cfc42cc41c0..b065bda38e6c7 100644 --- a/site/src/theme/theme.ts +++ b/site/src/theme/theme.ts @@ -325,6 +325,16 @@ dark = createTheme(dark, { }, }, }, + MuiOutlinedInput: { + styleOverrides: { + root: { + // The default outlined input color is white, which seemed jarring. + "&:hover:not(.Mui-error) .MuiOutlinedInput-notchedOutline": { + borderColor: colors.gray[7], + }, + }, + }, + }, MuiFormHelperText: { defaultProps: { sx: { From 68f14bb3d45b5c1bba37f9bf33993d8629ad670b Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Mon, 15 May 2023 19:03:22 +0000 Subject: [PATCH 2/2] move to colorPrimary --- site/src/theme/theme.ts | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts index b065bda38e6c7..77538c31cde1d 100644 --- a/site/src/theme/theme.ts +++ b/site/src/theme/theme.ts @@ -323,11 +323,7 @@ dark = createTheme(dark, { multiline: { height: "auto", }, - }, - }, - MuiOutlinedInput: { - styleOverrides: { - root: { + colorPrimary: { // The default outlined input color is white, which seemed jarring. "&:hover:not(.Mui-error) .MuiOutlinedInput-notchedOutline": { borderColor: colors.gray[7],