From d06b8656be539b8e47620606c22ec8d4a2ad2c48 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:50:14 +0000
Subject: [PATCH] completionId: cgen-75bf23562781453482911070a6d11cb7

cgen-75bf23562781453482911070a6d11cb7
---
 client/components/ui/toaster.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/components/ui/toaster.tsx b/client/components/ui/toaster.tsx
index 5887f080..07051c4d 100644
--- a/client/components/ui/toaster.tsx
+++ b/client/components/ui/toaster.tsx
@@ -13,9 +13,17 @@ export function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
+      {toasts.map(function ({ id, title, description, action, ...props }: any) {
         return (
-          <Toast key={id} {...props}>
+          <Toast
+            key={id}
+            {...props}
+            style={{
+              ...(props.accentColor && {
+                '--toast-arm-color': props.accentColor,
+              }),
+            } as React.CSSProperties}
+          >
             <div className="grid gap-1">
               {title && <ToastTitle>{title}</ToastTitle>}
               {description && (