From 41bde559dfbd2998d5fc183b4cf2e588635fb919 Mon Sep 17 00:00:00 2001
From: evansmj <evansmj500@gmail.com>
Date: Fri, 20 Dec 2024 17:50:02 -0500
Subject: [PATCH] Fix dark/light mode colors

---
 .../src/components/bookkeeper/BkprRoot/BkprRoot.scss        | 4 ++++
 .../src/components/bookkeeper/BkprRoot/BkprRoot.tsx         | 6 +++---
 .../src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx     | 2 +-
 .../src/components/bookkeeper/BkprRoot/VolumeInfo.tsx       | 4 ++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.scss b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.scss
index c1194ff..b5c7496 100644
--- a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.scss
+++ b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.scss
@@ -1 +1,5 @@
 @import '../../../styles/constants.scss';
+
+.text-secondary {
+  color: $text-dark;
+}
diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx
index 00d27f2..a934e1e 100644
--- a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx
+++ b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx
@@ -32,15 +32,15 @@ function Bookkeeper() {
                     Track channel and wallet balances over time.
                     <div className="mt-5 d-flex flex-column align-items-start">
                       <span className="fs-1 fw-bold text-primary">4</span>
-                      <span className="fs-6 text-secondary">Total Number of Channels</span>
+                      <span className="fs-6 text-dark">Total Number of Channels</span>
                     </div>
                     <div className="mt-3 d-flex flex-column align-items-start">
                       <span className="fs-1 fw-bold text-primary">4,000,000</span>
-                      <span className="fs-6 text-secondary">Total Balance in Channels</span>
+                      <span className="fs-6 text-dark">Total Balance in Channels</span>
                     </div>
                     <div className="mt-3 d-flex flex-column align-items-start">
                       <span className="fs-1 fw-bold text-primary">4</span>
-                      <span className="fs-6 text-secondary">Total Balance in Wallet</span>
+                      <span className="fs-6 text-dark">Total Balance in Wallet</span>
                     </div>
                   </Card.Body>
                   <Card.Footer className="mt-5 mb-3 d-flex justify-content-end">
diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx b/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx
index fb9f2bd..8494be2 100644
--- a/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx
+++ b/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx
@@ -16,7 +16,7 @@ const SatsFlowInfo: React.FC<SatsFlowInfoProps> = ({ label, value }) => {
 
   return (
     <div className="mt-3 d-flex flex-column align-items-start">
-      <span className="fs-7 text-secondary">{label}</span>
+      <span className="fs-7 text-dark">{label}</span>
       <span className={`fs-3 fw-bold ${getValueColor()}`}>{value}</span>
     </div>
   );
diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/VolumeInfo.tsx b/apps/frontend/src/components/bookkeeper/BkprRoot/VolumeInfo.tsx
index db7d7e7..b6306b5 100644
--- a/apps/frontend/src/components/bookkeeper/BkprRoot/VolumeInfo.tsx
+++ b/apps/frontend/src/components/bookkeeper/BkprRoot/VolumeInfo.tsx
@@ -11,11 +11,11 @@ const VolumeInfo: React.FC<VolumeInfoProps> = ({ bestRoutingChannel, worstRoutin
   return (
     <>
       <div className="mt-3 d-flex flex-column align-items-start">
-        <span className="fs-7 text-secondary">Channel w/Most Traffic</span>
+        <span className="fs-7 text-dark">Channel w/Most Traffic</span>
         <span className={`mt-1 fs-7 fw-bold best-channel`}>{bestRoutingChannel}</span>
       </div>
       <div className="mt-3 d-flex flex-column align-items-start">
-        <span className="fs-7 text-secondary">Channel w/Least Traffic</span>
+        <span className="fs-7 text-dark">Channel w/Least Traffic</span>
         <span className={`mt-1 fs-7 fw-bold worst-channel`}>{worstRoutingChannel}</span>
       </div>
     </>