diff --git a/src/lib/components/toast/ToastProgressBar.tsx b/src/lib/components/toast/DurationBasedProgressBar.tsx similarity index 100% rename from src/lib/components/toast/ToastProgressBar.tsx rename to src/lib/components/toast/DurationBasedProgressBar.tsx diff --git a/src/lib/components/toast/Toast.component.tsx b/src/lib/components/toast/Toast.component.tsx index 998176d413..eb18246b88 100644 --- a/src/lib/components/toast/Toast.component.tsx +++ b/src/lib/components/toast/Toast.component.tsx @@ -44,11 +44,11 @@ const useGetRgbBackgroundColor = (status: string) => { const theme = useTheme(); switch (status) { case 'success': - return `rgba(10, 173 ,166, 0.4)`; + return `rgba(${theme.statusHealthyRGB}, 0.4)`; case 'error': - return `rgba(232, 72, 85, 0.4)`; + return `rgba(${theme.statusCriticalRGB}, 0.4)`; case 'warning': - return `rgba(248, 243, 43, 0.4)`; + return `rgba(${theme.statusWarningRGB}, 0.4)`; default: return theme.infoSecondary; }