diff --git a/src/components/ui/AlertSnackbar.tsx b/src/components/ui/AlertSnackbar.tsx index e59e637b..dbabb44a 100644 --- a/src/components/ui/AlertSnackbar.tsx +++ b/src/components/ui/AlertSnackbar.tsx @@ -7,7 +7,7 @@ const Alert = React.forwardRef(function Alert( props, ref, ) { - return ; + return ; }); export interface AlertSnackbarProps { diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx index 5188f53e..34059705 100644 --- a/src/context/theme-provider.tsx +++ b/src/context/theme-provider.tsx @@ -65,6 +65,13 @@ const lightTheme = createTheme({ color: "#ff00c3", }, }, + outlinedInfo: { + color: '#000000ff', + borderColor: '#000000ff', + "& .MuiAlert-icon": { + color: "#000000ff", + }, + }, }, }, MuiAlertTitle: { @@ -185,6 +192,13 @@ const darkTheme = createTheme({ color: "#ff66d9", }, }, + outlinedInfo: { + color: '#ffffff', + borderColor: '#ffffff', + "& .MuiAlert-icon": { + color: "#ffffff", + }, + }, }, }, MuiAlertTitle: { @@ -196,7 +210,6 @@ const darkTheme = createTheme({ }, }, }, - // Additional dark mode specific components MuiPaper: { styleOverrides: { root: { @@ -233,14 +246,6 @@ const darkTheme = createTheme({ }, }, }, - // MuiTextField:{ - // styleOverrides: { - // root: { - // '& .MuiInputBase-root': { - // backgroundColor: '#1d1c1cff', - // }, - // } - // }} }, }); @@ -280,4 +285,4 @@ const ThemeModeProvider = ({ children }: { children: React.ReactNode }) => { ); }; -export default ThemeModeProvider; \ No newline at end of file +export default ThemeModeProvider;