From 492f33ae0d099bfba9aa92de231808013c0049a3 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Wed, 6 Aug 2025 16:41:31 -0500 Subject: [PATCH] Color tweaks --- src/components/Toast/Toast.tsx | 34 +++++++++++++++++++++++++--------- 1 file changed, 25 insertions(+), 9 deletions(-) diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx index d6fbd8d9f5..321180254e 100644 --- a/src/components/Toast/Toast.tsx +++ b/src/components/Toast/Toast.tsx @@ -92,39 +92,55 @@ function useToastStyles({type}: {type: ToastType}) { return { default: { backgroundColor: t.atoms.bg_contrast_25.backgroundColor, - borderColor: t.atoms.border_contrast_high.borderColor, + borderColor: t.atoms.border_contrast_low.borderColor, iconColor: t.atoms.text.color, textColor: t.atoms.text.color, }, success: { backgroundColor: t.palette.primary_25, - borderColor: t.palette.primary_300, - iconColor: t.palette.primary_600, - textColor: t.palette.primary_600, + borderColor: select(t.name, { + light: t.palette.primary_300, + dim: t.palette.primary_200, + dark: t.palette.primary_100, + }), + iconColor: select(t.name, { + light: t.palette.primary_600, + dim: t.palette.primary_700, + dark: t.palette.primary_700, + }), + textColor: select(t.name, { + light: t.palette.primary_600, + dim: t.palette.primary_700, + dark: t.palette.primary_700, + }), }, error: { backgroundColor: t.palette.negative_25, - borderColor: t.palette.negative_300, + borderColor: select(t.name, { + light: t.palette.negative_200, + dim: t.palette.negative_200, + dark: t.palette.negative_100, + }), iconColor: select(t.name, { light: t.palette.negative_700, dim: t.palette.negative_900, - dark: t.palette.negative_800, + dark: t.palette.negative_900, }), textColor: select(t.name, { light: t.palette.negative_700, dim: t.palette.negative_900, - dark: t.palette.negative_800, + dark: t.palette.negative_900, }), }, warning: { backgroundColor: t.atoms.bg_contrast_25.backgroundColor, - borderColor: t.atoms.border_contrast_high.borderColor, + borderColor: t.atoms.border_contrast_low.borderColor, iconColor: t.atoms.text.color, textColor: t.atoms.text.color, }, info: { backgroundColor: t.atoms.bg_contrast_25.backgroundColor, - borderColor: t.atoms.border_contrast_high.borderColor, + borderColor: t.atoms.border_contrast_low.borderColor, iconColor: t.atoms.text.color, textColor: t.atoms.text.color, },