From 629e62d2cfa891729ff191c8d49fb19799208dc1 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Tue, 20 Oct 2026 09:38:52 +0200
Subject: [PATCH 1/2] accessibility changes to Toast component

---
 packages/lib/src/toast/utils.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/lib/src/toast/utils.ts b/packages/lib/src/toast/utils.ts
index ac80b9ccb5..fdc7f32061 100644
--- a/packages/lib/src/toast/utils.ts
+++ b/packages/lib/src/toast/utils.ts
@@ -4,25 +4,25 @@ export default function getSemantic(semantic: ToastPropsType["semantic"]) {
   switch (semantic) {
     case "default":
       return {
-        primaryColor: "var(--border-color-primary-stronger)",
+        primaryColor: "var(--color-fg-primary-stronger)",
         secondaryColor: "var(--color-bg-primary-lighter)",
         icon: "",
       };
     case "info":
       return {
-        primaryColor: "var(--border-color-info-strong)",
+        primaryColor: "var(--color-fg-info-strong)",
         secondaryColor: "var(--color-bg-info-lighter)",
         icon: "filled_info",
       };
     case "success":
       return {
-        primaryColor: "var(--border-color-success-medium)",
+        primaryColor: "var(--color-fg-success-medium)",
         secondaryColor: "var(--color-bg-success-lighter)",
         icon: "filled_check_circle",
       };
     case "warning":
       return {
-        primaryColor: "var(--border-color-warning-medium)",
+        primaryColor: "var(--color-fg-warning-strong)",
         secondaryColor: "var(--color-bg-warning-lighter)",
         icon: "filled_warning",
       };

From 78ed2f0576cdd2395eb2f511b8af46ee143b43f5 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Wed, 21 Oct 2026 08:47:03 +0200
Subject: [PATCH 2/2] Correct usage of tokens at toast border

---
 packages/lib/src/toast/Toast.tsx | 2 +-
 packages/lib/src/toast/utils.ts  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/lib/src/toast/Toast.tsx b/packages/lib/src/toast/Toast.tsx
index 93121f0aee..d1c6297317 100644
--- a/packages/lib/src/toast/Toast.tsx
+++ b/packages/lib/src/toast/Toast.tsx
@@ -38,7 +38,7 @@ const Toast = styled.output<{ semantic: ToastPropsType["semantic"]; isClosing: b
   min-width: 200px;
   max-width: 600px;
   width: fit-content;
-  border-left: var(--border-width-m) var(--border-style-default) ${({ semantic }) => getSemantic(semantic).primaryColor};
+  border-left: var(--border-width-m) var(--border-style-default) ${({ semantic }) => getSemantic(semantic).borderColor};
   border-radius: var(--border-radius-s);
   box-shadow: var(--shadow-100);
   display: inline-flex;
diff --git a/packages/lib/src/toast/utils.ts b/packages/lib/src/toast/utils.ts
index fdc7f32061..a45045f154 100644
--- a/packages/lib/src/toast/utils.ts
+++ b/packages/lib/src/toast/utils.ts
@@ -6,24 +6,28 @@ export default function getSemantic(semantic: ToastPropsType["semantic"]) {
       return {
         primaryColor: "var(--color-fg-primary-stronger)",
         secondaryColor: "var(--color-bg-primary-lighter)",
+        borderColor: "var(--border-color-primary-stronger)",
         icon: "",
       };
     case "info":
       return {
         primaryColor: "var(--color-fg-info-strong)",
         secondaryColor: "var(--color-bg-info-lighter)",
+        borderColor: "var(--border-color-info-strong)",
         icon: "filled_info",
       };
     case "success":
       return {
         primaryColor: "var(--color-fg-success-medium)",
         secondaryColor: "var(--color-bg-success-lighter)",
+        borderColor: "var(--border-color-success-medium)",
         icon: "filled_check_circle",
       };
     case "warning":
       return {
         primaryColor: "var(--color-fg-warning-strong)",
         secondaryColor: "var(--color-bg-warning-lighter)",
+        borderColor: "var(--border-color-warning-strong)",
         icon: "filled_warning",
       };
   }