diff --git a/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx b/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx index 0b6fb22b3..f699bb662 100644 --- a/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx +++ b/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx @@ -90,7 +90,7 @@ export default function EnablePublicShareOptions({ textAlign={'center'} variant="small" sx={{ - color: (theme) => theme.colors.caution.A500, + color: (theme) => theme.colors.danger.A700, mt: 0.5, }}> {sharableLinkError} diff --git a/src/components/Collections/CollectionShare/publicShare/manage/index.tsx b/src/components/Collections/CollectionShare/publicShare/manage/index.tsx index cdb491cc2..eeaa87617 100644 --- a/src/components/Collections/CollectionShare/publicShare/manage/index.tsx +++ b/src/components/Collections/CollectionShare/publicShare/manage/index.tsx @@ -150,7 +150,7 @@ export default function ManagePublicShareOptions({ textAlign={'center'} variant="small" sx={{ - color: (theme) => theme.colors.caution.A500, + color: (theme) => theme.colors.danger.A700, mt: 0.5, }}> {sharableLinkError} diff --git a/src/components/PasswordStrength.tsx b/src/components/PasswordStrength.tsx index 37c920d5f..91c936687 100644 --- a/src/components/PasswordStrength.tsx +++ b/src/components/PasswordStrength.tsx @@ -21,7 +21,7 @@ export const PasswordStrengthHint = ({ sx={(theme) => ({ color: passwordStrength === PasswordStrength.WEAK - ? theme.colors.caution.A500 + ? theme.colors.danger.A700 : passwordStrength === PasswordStrength.MODERATE ? theme.colors.warning.A500 : theme.colors.accent.A500, diff --git a/src/components/TwoFactor/InvalidInputMessage.tsx b/src/components/TwoFactor/InvalidInputMessage.tsx index dc0385bc8..aebd08b94 100644 --- a/src/components/TwoFactor/InvalidInputMessage.tsx +++ b/src/components/TwoFactor/InvalidInputMessage.tsx @@ -7,7 +7,7 @@ const InvalidInputMessage: FC = (props) => { theme.colors.caution.A500, + color: (theme) => theme.colors.danger.A700, }} {...props}> {props.children} diff --git a/src/components/Upload/UploadProgress/styledComponents.tsx b/src/components/Upload/UploadProgress/styledComponents.tsx index ff80436fc..c595a1dbc 100644 --- a/src/components/Upload/UploadProgress/styledComponents.tsx +++ b/src/components/Upload/UploadProgress/styledComponents.tsx @@ -2,8 +2,8 @@ import { styled } from '@mui/material'; export const NotUploadSectionHeader = styled('div')( ({ theme }) => ` text-align: center; - color: ${theme.colors.caution.A500}; - border-bottom: 1px solid ${theme.colors.caution.A500}; + color: ${theme.colors.danger.A700}; + border-bottom: 1px solid ${theme.colors.danger.A700}; margin:${theme.spacing(3, 2, 1)} ` ); diff --git a/src/themes/colors/fixed.ts b/src/themes/colors/fixed.ts index 5dd2b3d34..ea64be416 100644 --- a/src/themes/colors/fixed.ts +++ b/src/themes/colors/fixed.ts @@ -7,10 +7,10 @@ const fixedColors: Pick = { A400: '#26CB5F', A300: '#01DE4D', }, - caution: { + warning: { A500: '#FFC247', }, - warning: { + danger: { A800: '#F53434', A700: '#EA3F3F', A500: '#FF6565', diff --git a/src/themes/palette/dark.tsx b/src/themes/palette/dark.tsx index 40e1c79fb..1316b55af 100644 --- a/src/themes/palette/dark.tsx +++ b/src/themes/palette/dark.tsx @@ -21,8 +21,8 @@ const darkThemePalette: PaletteOptions = { contrastText: darkThemeColors.text.base, }, critical: { - main: fixedColors.warning.A700, - dark: fixedColors.warning.A800, + main: fixedColors.danger.A700, + dark: fixedColors.danger.A800, contrastText: darkThemeColors.text.base, }, background: { diff --git a/src/themes/palette/light.tsx b/src/themes/palette/light.tsx index d74d6d652..de9f76757 100644 --- a/src/themes/palette/light.tsx +++ b/src/themes/palette/light.tsx @@ -21,8 +21,8 @@ const lightThemePalette: PaletteOptions = { contrastText: darkThemeColors.text.base, }, critical: { - main: fixedColors.warning.A700, - dark: fixedColors.warning.A800, + main: fixedColors.danger.A700, + dark: fixedColors.danger.A800, contrastText: darkThemeColors.text.base, }, background: { diff --git a/src/themes/types.ts b/src/themes/types.ts index 87bd8f417..7f5f551e5 100644 --- a/src/themes/types.ts +++ b/src/themes/types.ts @@ -107,7 +107,7 @@ declare module '@mui/material/styles' { shadows: Shadows; accent: ColorStrength; warning: ColorStrength; - caution: ColorStrength; + danger: ColorStrength; blur: BlurStrength; white: Omit; black: Omit; @@ -122,7 +122,7 @@ declare module '@mui/material/styles' { shadows?: Partial; accent?: Partial; warning?: Partial; - caution?: Partial; + danger?: Partial; blur?: Partial; white?: Partial>; black?: Partial>; @@ -139,7 +139,7 @@ declare module '@mui/material/styles' { interface FixedColors { accent: string; warning: string; - caution: string; + danger: string; blur: number; white: string; black: string;