From 0018c452bbdea9926756e990dd96ad56757bad71 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Fri, 3 Oct 2025 12:56:52 -0700 Subject: [PATCH] theme update --- client/src/Components/v2/Inputs/RadioInput.tsx | 4 ++++ client/src/Components/v2/Inputs/TextInput.tsx | 7 +++++++ client/src/Utils/Theme/v2/theme.ts | 18 ++++-------------- 3 files changed, 15 insertions(+), 14 deletions(-) diff --git a/client/src/Components/v2/Inputs/RadioInput.tsx b/client/src/Components/v2/Inputs/RadioInput.tsx index c108189f7..d903a7b58 100644 --- a/client/src/Components/v2/Inputs/RadioInput.tsx +++ b/client/src/Components/v2/Inputs/RadioInput.tsx @@ -20,6 +20,10 @@ export const RadioInput: React.FC = ({ ...props }) => { boxShadow: `inset 0 0 0 1px ${theme.palette.primary.contrastText}70`, // Use theme text color for the outline }, mt: theme.spacing(0.5), + padding: 0, + "& .MuiSvgIcon-root": { + fontSize: 16, + }, }} /> ); diff --git a/client/src/Components/v2/Inputs/TextInput.tsx b/client/src/Components/v2/Inputs/TextInput.tsx index 3d34a203a..4cd792059 100644 --- a/client/src/Components/v2/Inputs/TextInput.tsx +++ b/client/src/Components/v2/Inputs/TextInput.tsx @@ -1,6 +1,7 @@ import { forwardRef } from "react"; import TextField from "@mui/material/TextField"; import type { TextFieldProps } from "@mui/material"; +import { typographyLevels } from "@/Utils/Theme/v2/palette"; export const TextInput = forwardRef( function TextInput(props, ref) { @@ -8,6 +9,12 @@ export const TextInput = forwardRef( ); } diff --git a/client/src/Utils/Theme/v2/theme.ts b/client/src/Utils/Theme/v2/theme.ts index 58db131f2..c278f9004 100644 --- a/client/src/Utils/Theme/v2/theme.ts +++ b/client/src/Utils/Theme/v2/theme.ts @@ -56,22 +56,12 @@ export const theme = (mode: string, palette: any) => }), }, }, - MuiTextField: { - styleOverrides: { - root: () => ({ - "& .MuiOutlinedInput-root": { - height: 34, - fontSize: typographyLevels.base, - }, - }), - }, - }, - MuiRadio: { + + MuiOutlinedInput: { styleOverrides: { root: { - padding: 0, - "& .MuiSvgIcon-root": { - fontSize: 16, + "&.Mui-focused .MuiOutlinedInput-notchedOutline": { + borderColor: palette.accent.main, }, }, },