From 8961cf154fd518fad5d1479784e5d920142066fa Mon Sep 17 00:00:00 2001
From: Michael Han <107991372+shimmyshimmer@users.noreply.github.com>
Date: Wed, 10 Jun 2026 22:21:03 -0700
Subject: [PATCH] Give dark mode toasts a shadow and background separation
 (#6186)

---
 studio/frontend/src/index.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/studio/frontend/src/index.css b/studio/frontend/src/index.css
index 797e17420e..cb54d95e68 100644
--- a/studio/frontend/src/index.css
+++ b/studio/frontend/src/index.css
@@ -1751,10 +1751,11 @@
 	margin: 0 !important;
 }
 
-/* Boost shadow on dark surfaces; mirrors .shadow-border / .menu-soft-surface pattern. */
+/* Composer shadow on the dark background color so toasts
+   do not merge into card-colored surfaces behind them. */
 .dark [data-sonner-toast][data-styled='true'] {
-	background-color: var(--card) !important;
-	box-shadow: none !important;
+	background-color: var(--background) !important;
+	box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.16) !important;
 }
 
 /* Selectable toast text; non-selectable toast buttons. */