Fix dark/light mode colors

ElementsProject · Dec 20, 2024 · 41bde55 · 41bde55
1 parent 09a58ea
commit 41bde55
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
     </>