diff --git a/src/lib/components/toast/Toast.component.tsx b/src/lib/components/toast/Toast.component.tsx
index 1b68f36262..bf292556da 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;
}
@@ -132,7 +132,7 @@ function Toast({
return (
= {
+export type MutationConfig = {
mutation: UseMutationResult;
name: string;
};
-type DescriptionBuilder = {
+type DescriptionBuilder = {
data?: Data;
error?: unknown;
name: string;
};
-type MutationsHandlerProps = {
+type MutationsHandlerProps = {
mainMutation: MutationConfig;
dependantMutations?: MutationConfig[];
messageDescriptionBuilder: (
@@ -24,7 +24,7 @@ type MutationsHandlerProps = {
onMainMutationSuccess?: () => void;
};
-export const useMutationsHandler = ({
+export const useMutationsHandler = ({
mainMutation,
dependantMutations,
messageDescriptionBuilder,
diff --git a/src/lib/style/theme.ts b/src/lib/style/theme.ts
index 90d54c36c8..598e711200 100644
--- a/src/lib/style/theme.ts
+++ b/src/lib/style/theme.ts
@@ -31,8 +31,11 @@ export const grayLightest = '#E9EBED';
export const defaultTheme = {
darkRebrand: {
statusHealthy: '#0AADA6',
+ statusHealthyRGB: '10,173,166',
statusWarning: '#F8F32B',
+ statusWarningRGB: '248,243,43',
statusCritical: '#E84855',
+ statusCriticalRGB: '232,72,85',
selectedActive: '#037AFF',
highlight: '#1A3C75',
border: '#4A4A4A',