From db30df92a63ff40c6385a46c68d0d9d44e220e65 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:51:41 +0000
Subject: [PATCH] completionId: cgen-3a19a1bc84f946f790af7685e03c83ea

cgen-3a19a1bc84f946f790af7685e03c83ea
---
 client/components/ui/toaster.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/components/ui/toaster.tsx b/client/components/ui/toaster.tsx
index 07051c4d..15178756 100644
--- a/client/components/ui/toaster.tsx
+++ b/client/components/ui/toaster.tsx
@@ -14,15 +14,18 @@ export function Toaster() {
   return (
     <ToastProvider>
       {toasts.map(function ({ id, title, description, action, ...props }: any) {
+        const isArmVariant = props.variant === "arm" && props.accentColor;
+
         return (
           <Toast
             key={id}
             {...props}
-            style={{
-              ...(props.accentColor && {
-                '--toast-arm-color': props.accentColor,
-              }),
-            } as React.CSSProperties}
+            style={isArmVariant ? {
+              borderColor: `${props.accentColor}80`,
+              backgroundColor: `${props.accentColor}1A`,
+              color: props.accentColor,
+              boxShadow: `0 25px 50px -12px ${props.accentColor}33`,
+            } : undefined}
           >
             <div className="grid gap-1">
               {title && <ToastTitle>{title}</ToastTitle>}