feat: update transaction icon colors

getAlby · Jan 10, 2025 · e245562 · e245562
1 parent 75788d4
commit e245562
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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",
     },
   };