From 6df9f2f9c7aafda64a51ca19866674b641e49163 Mon Sep 17 00:00:00 2001
From: secondl1ght <secondl1ght@protonmail.com>
Date: Mon, 7 Oct 2024 11:09:36 -0600
Subject: [PATCH] style: more tx green contrast on light mode

---
 src/views/transactions/Transaction.tsx       | 12 ++++++++++--
 src/views/transactions/TransactionDetail.tsx | 11 +++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/views/transactions/Transaction.tsx b/src/views/transactions/Transaction.tsx
index f37dd11..1f677f1 100644
--- a/src/views/transactions/Transaction.tsx
+++ b/src/views/transactions/Transaction.tsx
@@ -35,7 +35,10 @@ export const Transaction: FC<{
             {balanceNum < 0 ? (
               <ArrowUp size={24} />
             ) : (
-              <ArrowDown size={24} className="text-green-400" />
+              <ArrowDown
+                size={24}
+                className="text-green-500 dark:text-green-400"
+              />
             )}
           </div>
 
@@ -63,7 +66,12 @@ export const Transaction: FC<{
         </div>
 
         <div className="text-right">
-          <p className={cn('font-medium', balanceNum > 0 && 'text-green-400')}>
+          <p
+            className={cn(
+              'font-medium',
+              balanceNum > 0 && 'text-green-500 dark:text-green-400'
+            )}
+          >
             {formatted_balance.includes('-')
               ? '-' + formatted_balance.replaceAll('-', '')
               : '+' + formatted_balance}
diff --git a/src/views/transactions/TransactionDetail.tsx b/src/views/transactions/TransactionDetail.tsx
index 18047ed..acd70a4 100644
--- a/src/views/transactions/TransactionDetail.tsx
+++ b/src/views/transactions/TransactionDetail.tsx
@@ -188,7 +188,10 @@ export const TransactionDetail: FC<{ id: string }> = ({ id }) => {
             {balance < 0 ? (
               <ArrowUp size={24} />
             ) : (
-              <ArrowDown size={24} className="text-green-400" />
+              <ArrowDown
+                size={24}
+                className="text-green-500 dark:text-green-400"
+              />
             )}
           </div>
 
@@ -237,7 +240,11 @@ export const TransactionDetail: FC<{ id: string }> = ({ id }) => {
               {t('status')}
             </p>
 
-            <p className={cn(transaction.date && 'text-green-400')}>
+            <p
+              className={cn(
+                transaction.date && 'text-green-500 dark:text-green-400'
+              )}
+            >
               {transaction.date ? t('paid') : t('pending')}
             </p>
           </div>