From e24556244905dd7f5c7d5bd8cbfdd9ddb3e39db7 Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Fri, 10 Jan 2025 16:06:09 +0530 Subject: [PATCH] feat: update transaction icon colors --- components/icons/FailedTransaction.tsx | 4 ++-- components/icons/PendingTransaction.tsx | 8 ++++---- components/icons/ReceivedTransaction.tsx | 6 +++--- components/icons/SentTransaction.tsx | 8 ++++---- 4 files changed, 13 insertions(+), 13 deletions(-) diff --git a/components/icons/FailedTransaction.tsx b/components/icons/FailedTransaction.tsx index 03d671a..d50380f 100644 --- a/components/icons/FailedTransaction.tsx +++ b/components/icons/FailedTransaction.tsx @@ -8,11 +8,11 @@ const FailedTransactionIcon = (props: SvgProps) => { const colors = { light: { rectFill: "#FEE2E2", - pathStroke: "#FB7185", + pathStroke: "#EF4444", }, dark: { rectFill: "#450A0A", - pathStroke: "#DC2626", + pathStroke: "#4C0519", }, }; diff --git a/components/icons/PendingTransaction.tsx b/components/icons/PendingTransaction.tsx index 42cc8a1..0a1df26 100644 --- a/components/icons/PendingTransaction.tsx +++ b/components/icons/PendingTransaction.tsx @@ -7,12 +7,12 @@ const PendingTransactionIcon = (props: SvgProps) => { const colors = { light: { - rectFill: "#DAE9FD", - pathStroke: "#3B81F5", + rectFill: "#DBEAFE", + pathStroke: "#3B82F6", }, dark: { - rectFill: "#1E3A89", - pathStroke: "#3B81F5", + rectFill: "#082F49", + pathStroke: "#0EA5E9", }, }; diff --git a/components/icons/ReceivedTransaction.tsx b/components/icons/ReceivedTransaction.tsx index 4f0fd23..71e29cc 100644 --- a/components/icons/ReceivedTransaction.tsx +++ b/components/icons/ReceivedTransaction.tsx @@ -7,12 +7,12 @@ const ReceivedTransactionIcon = (props: SvgProps) => { const colors = { light: { - rectFill: "#DBFBE6", - pathStroke: "#22C45E", + rectFill: "#DCFCE7", + pathStroke: "#22C55E", }, dark: { rectFill: "#022C22", - pathStroke: "#10B981", + pathStroke: "#14B8A6", }, }; diff --git a/components/icons/SentTransaction.tsx b/components/icons/SentTransaction.tsx index 21d4efb..f6193e1 100644 --- a/components/icons/SentTransaction.tsx +++ b/components/icons/SentTransaction.tsx @@ -7,12 +7,12 @@ const SentTransactionIcon = (props: SvgProps) => { const colors = { light: { - rectFill: "#FEECD4", - pathStroke: "#FA913C", + rectFill: "#FFEDD5", + pathStroke: "#F97316", }, dark: { - rectFill: "#431407", - pathStroke: "#D97706", + rectFill: "#451A03", + pathStroke: "#F59E0B", }, };