From e167900fc0e828068649f1e004d987f01e8c9949 Mon Sep 17 00:00:00 2001
From: YTW7 <91966435+YTW7@users.noreply.github.com>
Date: Sat, 20 May 2023 06:35:27 +0000
Subject: [PATCH 1/2] Added an attractive bg color for txn. notifications in
 response to issue #340 opened by @nickfrosty

---
 src/components/Notification.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Notification.tsx b/src/components/Notification.tsx
index e6bc52351..52255ca94 100644
--- a/src/components/Notification.tsx
+++ b/src/components/Notification.tsx
@@ -68,7 +68,7 @@ const Notification = ({ type, message, description, txid, onHide }) => {
     <div
       className={`max-w-sm w-full bg-bkg-1 shadow-lg rounded-md mt-2 pointer-events-auto ring-1 ring-black ring-opacity-5 p-2 mx-4 mb-12 overflow-hidden`}
     >
-      <div className={`p-4`}>
+      <div className={`p-4 rounded-md bg-gradient-to-r from-purple-900 from-10% via-purple-600 via-30% to-emerald-500 to-90%`}>
         <div className={`flex items-center`}>
           <div className={`flex-shrink-0`}>
             {type === 'success' ? (

From 1dbc9bc20f7b37a2a8f37c0f9c7a2d0aa5690f78 Mon Sep 17 00:00:00 2001
From: YTW7 <91966435+YTW7@users.noreply.github.com>
Date: Sat, 20 May 2023 07:15:15 +0000
Subject: [PATCH 2/2] updated color of the url link

---
 src/components/Notification.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Notification.tsx b/src/components/Notification.tsx
index 52255ca94..3aa8434b1 100644
--- a/src/components/Notification.tsx
+++ b/src/components/Notification.tsx
@@ -91,7 +91,7 @@ const Notification = ({ type, message, description, txid, onHide }) => {
                   href={'https://explorer.solana.com/tx/' + txid + `?cluster=${networkConfiguration}`}
                   target="_blank"
                   rel="noreferrer"
-                  className="flex flex-row link link-accent"
+                  className="flex flex-row link link-accent text-emerald-200"
                 >
                   <svg className="flex-shrink-0 h-4 ml-2 mt-0.5 text-primary-light w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" ><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                   <div className="flex mx-4">{txid.slice(0, 8)}...