diff --git a/client/src/app/providers/AppProviders.tsx b/client/src/app/providers/AppProviders.tsx index 6d47420..344264a 100644 --- a/client/src/app/providers/AppProviders.tsx +++ b/client/src/app/providers/AppProviders.tsx @@ -223,81 +223,89 @@ function AppThemeInner({ children }: PropsWithChildren) { marginLeft: 8, }, }, - standardSuccess: { + colorSuccess: { bgcolor: isDark ? 'rgba(102,187,106,0.08)' : '#EDF3EC', borderColor: isDark ? 'rgba(102,187,106,0.2)' : '#C5DFC2', color: isDark ? '#A5D6A7' : '#346538', '& .MuiAlert-icon': { color: isDark ? '#A5D6A7' : '#346538', }, + '&.MuiAlert-outlined': { + bgcolor: 'transparent', + borderColor: isDark ? 'rgba(102,187,106,0.3)' : '#C5DFC2', + color: isDark ? '#A5D6A7' : '#346538', + '& .MuiAlert-icon': { + color: isDark ? '#A5D6A7' : '#346538', + }, + }, + '&.MuiAlert-filled': { + bgcolor: isDark ? 'rgba(102,187,106,0.15)' : '#346538', + borderColor: 'transparent', + color: isDark ? '#E8F5E9' : '#FFFFFF', + }, }, - standardError: { + colorError: { bgcolor: isDark ? 'rgba(239,83,80,0.08)' : '#FDEBEC', borderColor: isDark ? 'rgba(239,83,80,0.2)' : '#F5C6C7', color: isDark ? '#EF9A9A' : '#9F2F2D', '& .MuiAlert-icon': { color: isDark ? '#EF9A9A' : '#9F2F2D', }, + '&.MuiAlert-outlined': { + bgcolor: 'transparent', + borderColor: isDark ? 'rgba(239,83,80,0.3)' : '#F5C6C7', + color: isDark ? '#EF9A9A' : '#9F2F2D', + '& .MuiAlert-icon': { + color: isDark ? '#EF9A9A' : '#9F2F2D', + }, + }, + '&.MuiAlert-filled': { + bgcolor: isDark ? 'rgba(239,83,80,0.15)' : '#9F2F2D', + borderColor: 'transparent', + color: isDark ? '#FFEBEE' : '#FFFFFF', + }, }, - standardWarning: { + colorWarning: { bgcolor: isDark ? 'rgba(255,183,77,0.08)' : '#FBF3DB', borderColor: isDark ? 'rgba(255,183,77,0.2)' : '#F0DCA0', color: isDark ? '#FFD54F' : '#956400', '& .MuiAlert-icon': { color: isDark ? '#FFD54F' : '#956400', }, + '&.MuiAlert-outlined': { + bgcolor: 'transparent', + borderColor: isDark ? 'rgba(255,183,77,0.3)' : '#F0DCA0', + color: isDark ? '#FFD54F' : '#956400', + '& .MuiAlert-icon': { + color: isDark ? '#FFD54F' : '#956400', + }, + }, + '&.MuiAlert-filled': { + bgcolor: isDark ? 'rgba(255,183,77,0.15)' : '#956400', + borderColor: 'transparent', + color: isDark ? '#FFF8E1' : '#FFFFFF', + }, }, - standardInfo: { + colorInfo: { bgcolor: isDark ? 'rgba(121,134,203,0.08)' : '#E1F3FE', borderColor: isDark ? 'rgba(121,134,203,0.2)' : '#B8D8F0', color: isDark ? '#9FA8DA' : '#1F6C9F', '& .MuiAlert-icon': { color: isDark ? '#9FA8DA' : '#1F6C9F', }, - }, - outlinedSuccess: { - borderColor: isDark ? 'rgba(102,187,106,0.3)' : '#C5DFC2', - color: isDark ? '#A5D6A7' : '#346538', - '& .MuiAlert-icon': { - color: isDark ? '#A5D6A7' : '#346538', - }, - }, - outlinedError: { - borderColor: isDark ? 'rgba(239,83,80,0.3)' : '#F5C6C7', - color: isDark ? '#EF9A9A' : '#9F2F2D', - '& .MuiAlert-icon': { - color: isDark ? '#EF9A9A' : '#9F2F2D', - }, - }, - outlinedWarning: { - borderColor: isDark ? 'rgba(255,183,77,0.3)' : '#F0DCA0', - color: isDark ? '#FFD54F' : '#956400', - '& .MuiAlert-icon': { - color: isDark ? '#FFD54F' : '#956400', - }, - }, - outlinedInfo: { - borderColor: isDark ? 'rgba(121,134,203,0.3)' : '#B8D8F0', - color: isDark ? '#9FA8DA' : '#1F6C9F', - '& .MuiAlert-icon': { + '&.MuiAlert-outlined': { + bgcolor: 'transparent', + borderColor: isDark ? 'rgba(121,134,203,0.3)' : '#B8D8F0', color: isDark ? '#9FA8DA' : '#1F6C9F', + '& .MuiAlert-icon': { + color: isDark ? '#9FA8DA' : '#1F6C9F', + }, + }, + '&.MuiAlert-filled': { + bgcolor: isDark ? 'rgba(121,134,203,0.15)' : '#1F6C9F', + borderColor: 'transparent', + color: isDark ? '#E8EAF6' : '#FFFFFF', }, - }, - filledSuccess: { - bgcolor: isDark ? 'rgba(102,187,106,0.15)' : '#346538', - color: isDark ? '#E8F5E9' : '#FFFFFF', - }, - filledError: { - bgcolor: isDark ? 'rgba(239,83,80,0.15)' : '#9F2F2D', - color: isDark ? '#FFEBEE' : '#FFFFFF', - }, - filledWarning: { - bgcolor: isDark ? 'rgba(255,183,77,0.15)' : '#956400', - color: isDark ? '#FFF8E1' : '#FFFFFF', - }, - filledInfo: { - bgcolor: isDark ? 'rgba(121,134,203,0.15)' : '#1F6C9F', - color: isDark ? '#E8EAF6' : '#FFFFFF', }, }, },