Update color palette (#1226)
This commit is contained in:
@ -34,7 +34,7 @@ const StyledMotionContainer = styled.div<Pick<SnackbarProps, 'variant'>>`
|
||||
return theme.snackBar.success.color;
|
||||
case 'info':
|
||||
default:
|
||||
return theme.color.gray0;
|
||||
return theme.grayScale.gray0;
|
||||
}
|
||||
}};
|
||||
cursor: pointer;
|
||||
@ -72,7 +72,7 @@ const CloseButton = styled.button<Pick<SnackbarProps, 'variant'>>`
|
||||
return theme.color.turquoise20;
|
||||
case 'info':
|
||||
default:
|
||||
return theme.color.gray0;
|
||||
return theme.grayScale.gray0;
|
||||
}
|
||||
}};
|
||||
cursor: pointer;
|
||||
@ -85,7 +85,7 @@ const CloseButton = styled.button<Pick<SnackbarProps, 'variant'>>`
|
||||
width: 24px;
|
||||
|
||||
&:hover {
|
||||
background-color: ${({ theme }) => rgba(theme.color.gray0, 0.1)};
|
||||
background-color: ${({ theme }) => rgba(theme.grayScale.gray0, 0.1)};
|
||||
}
|
||||
`;
|
||||
|
||||
@ -166,7 +166,7 @@ export function SnackBar({
|
||||
<ProgressBar
|
||||
ref={progressBarRef}
|
||||
barHeight={5}
|
||||
barColor={rgba(theme.color.gray0, 0.3)}
|
||||
barColor={rgba(theme.grayScale.gray0, 0.3)}
|
||||
duration={duration}
|
||||
/>
|
||||
</ProgressBarContainer>
|
||||
|
||||
Reference in New Issue
Block a user