From 56be9143aaca01bcd6ab2a1ae37078cd399b138d Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissa.crane@coinbase.com>
Date: Thu, 8 Aug 2024 19:52:06 -0700
Subject: [PATCH 1/2] remove background on docs

---
 site/docs/components/TransactionWrapper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/docs/components/TransactionWrapper.tsx b/site/docs/components/TransactionWrapper.tsx
index 16a66c17eb..ffc8179394 100644
--- a/site/docs/components/TransactionWrapper.tsx
+++ b/site/docs/components/TransactionWrapper.tsx
@@ -52,7 +52,7 @@ export default function TransactionWrapper({
 
   return (
     <main className='flex flex-col'>
-      <div className='flex max-w-[450px] items-center rounded-lg bg-white p-4 justify-center'>
+      <div className='flex max-w-[450px] items-center rounded-lg p-4 justify-center'>
         {children({ address, contracts, onError, onSuccess })}
       </div>
     </main>

From f08f8db5df05abd4ca2efebdc95af8fc94026695 Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissa.crane@coinbase.com>
Date: Thu, 8 Aug 2024 20:00:41 -0700
Subject: [PATCH 2/2] fix dark mode styling for txn toast

---
 src/transaction/components/TransactionToast.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/transaction/components/TransactionToast.tsx b/src/transaction/components/TransactionToast.tsx
index 335aa601f1..0cc7273d56 100644
--- a/src/transaction/components/TransactionToast.tsx
+++ b/src/transaction/components/TransactionToast.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { closeSvg } from '../../internal/svg/closeSvg';
-import { cn } from '../../styles/theme';
+import { background, cn } from '../../styles/theme';
 import type { TransactionToastReact } from '../types';
 import { useTransactionContext } from './TransactionProvider';
 
@@ -67,8 +67,9 @@ export function TransactionToast({
   return (
     <div
       className={cn(
+        background.default,
         'flex animate-enter items-center justify-between rounded-lg',
-        'bg-gray-100 p-2 shadow-[0px_8px_24px_0px_rgba(0,0,0,0.12)]',
+        'p-2 shadow-[0px_8px_24px_0px_rgba(0,0,0,0.12)]',
         '-translate-x-2/4 fixed z-20',
         positionClass,
         className,