Rename confusing color names (#1041)

This commit is contained in:
Abhinav Kumar 2023-04-12 15:15:18 +05:30 committed by GitHub
commit 9aa0a13f9b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 15 additions and 15 deletions

View file

@ -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}

View file

@ -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}

View file

@ -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,

View file

@ -7,7 +7,7 @@ const InvalidInputMessage: FC<TypographyProps> = (props) => {
<Typography
variant="mini"
sx={{
color: (theme) => theme.colors.caution.A500,
color: (theme) => theme.colors.danger.A700,
}}
{...props}>
{props.children}

View file

@ -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)}
`
);

View file

@ -7,10 +7,10 @@ const fixedColors: Pick<ThemeColorsOptions, keyof FixedColors> = {
A400: '#26CB5F',
A300: '#01DE4D',
},
caution: {
warning: {
A500: '#FFC247',
},
warning: {
danger: {
A800: '#F53434',
A700: '#EA3F3F',
A500: '#FF6565',

View file

@ -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: {

View file

@ -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: {

View file

@ -107,7 +107,7 @@ declare module '@mui/material/styles' {
shadows: Shadows;
accent: ColorStrength;
warning: ColorStrength;
caution: ColorStrength;
danger: ColorStrength;
blur: BlurStrength;
white: Omit<Strength, 'faint'>;
black: Omit<Strength, 'faint'>;
@ -122,7 +122,7 @@ declare module '@mui/material/styles' {
shadows?: Partial<Shadows>;
accent?: Partial<ColorStrength>;
warning?: Partial<ColorStrength>;
caution?: Partial<ColorStrength>;
danger?: Partial<ColorStrength>;
blur?: Partial<BlurStrength>;
white?: Partial<Omit<Strength, 'faint'>>;
black?: Partial<Omit<Strength, 'faint'>>;
@ -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;