From 67156f49d985c4c009505ea3210293da06ce06d2 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Mon, 6 Sep 2021 16:22:30 +1000
Subject: [PATCH] update zebra stripe colors

---
 components/BalancesTable.tsx | 12 ++++++++----
 components/TableElements.tsx |  6 +++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/components/BalancesTable.tsx b/components/BalancesTable.tsx
index effab08c..1ac00d90 100644
--- a/components/BalancesTable.tsx
+++ b/components/BalancesTable.tsx
@@ -331,8 +331,10 @@ const BalancesTable = ({ showZeroBalances = false }) => {
                       <>
                         <Disclosure.Button
                           className={`${
-                            index % 2 === 0 ? `bg-th-bkg-1` : `bg-th-bkg-3`
-                          } default-transition font-normal p-4 rounded-none text-th-fgd-1 w-full hover:filter hover:brightness-125 focus:outline-none`}
+                            index % 2 === 0
+                              ? `bg-[rgba(255,255,255,0.03)]`
+                              : `bg-[rgba(255,255,255,0.07)]`
+                          } default-transition font-normal p-4 rounded-none text-th-fgd-1 w-full hover:bg-th-bkg-4 focus:outline-none`}
                         >
                           <div className="grid grid-cols-12 grid-rows-1 gap-4">
                             <div className="col-span-7 flex items-center text-fgd-1">
@@ -362,10 +364,12 @@ const BalancesTable = ({ showZeroBalances = false }) => {
                         </Disclosure.Button>
                         <Disclosure.Panel
                           className={`${
-                            index % 2 === 0 ? `bg-th-bkg-1` : `bg-th-bkg-3`
+                            index % 2 === 0
+                              ? `bg-[rgba(255,255,255,0.03)]`
+                              : `bg-[rgba(255,255,255,0.07)]`
                           } px-4`}
                         >
-                          <div className="border-t border-[rgba(255,255,255,0.2)] grid grid-cols-2 grid-rows-1 gap-4 py-4">
+                          <div className="border-t border-[rgba(255,255,255,0.1)] grid grid-cols-2 grid-rows-1 gap-4 py-4">
                             <div className="col-span-1 text-fgd-3 text-left">
                               <div className="pb-0.5 text-th-fgd-3 text-xs">
                                 Deposits
diff --git a/components/TableElements.tsx b/components/TableElements.tsx
index 26603ba3..ec50f04d 100644
--- a/components/TableElements.tsx
+++ b/components/TableElements.tsx
@@ -15,7 +15,11 @@ export const Th = ({ children }) => (
 export const TrBody = ({ children, index, key }) => (
   <tr
     className={`border-b border-th-bkg-3
-    ${index % 2 === 0 ? `bg-th-bkg-1` : `bg-th-bkg-3`}
+    ${
+      index % 2 === 0
+        ? `bg-[rgba(255,255,255,0.03)]`
+        : `bg-[rgba(255,255,255,0.07)]`
+    }
     `}
     key={key}
   >