From c03c5eb927b5236f2050bc5b955a5efb033010b6 Mon Sep 17 00:00:00 2001
From: gopu-bruno <gopu@usebruno.com>
Date: Fri, 2 Jan 2026 15:05:34 +0530
Subject: [PATCH] feat: update toast UI to match theme (#6622)

---
 .../bruno-app/src/providers/Toaster/index.js   | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/bruno-app/src/providers/Toaster/index.js b/packages/bruno-app/src/providers/Toaster/index.js
index 8fe815073..a43726294 100644
--- a/packages/bruno-app/src/providers/Toaster/index.js
+++ b/packages/bruno-app/src/providers/Toaster/index.js
@@ -6,25 +6,21 @@ import { isPlaywright } from 'utils/common';
 export const ToastContext = React.createContext();
 
 export const ToastProvider = (props) => {
-  const { storedTheme } = useTheme();
+  const { theme, displayedTheme } = useTheme();
 
   const toastOptions = {
     duration: isPlaywright() ? 500 : 2000,
     style: {
       // Break long word like file-path, URL etc. to prevent overflow
-      overflowWrap: 'anywhere'
+      overflowWrap: 'anywhere',
+      borderRadius: theme.border.radius.lg,
+      background: displayedTheme === 'light'
+        ? theme.background.base
+        : theme.background.crust,
+      color: theme.text
     }
   };
 
-  if (storedTheme === 'dark') {
-    toastOptions.style = {
-      ...toastOptions.style,
-      borderRadius: '10px',
-      background: '#3d3d3d',
-      color: '#fff'
-    };
-  }
-
   return (
     <ToastContext.Provider {...props} value="toastProvider">
       <Toaster toastOptions={toastOptions} />