From a9311c4c717a1c56bb48e39b8273020a81f6d164 Mon Sep 17 00:00:00 2001
From: ubcma <indira.sowy@gmail.com>
Date: Fri, 1 Nov 2024 21:48:45 -0700
Subject: [PATCH 1/2] update color variables

---
 src/components/RewardCard.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/RewardCard.jsx b/src/components/RewardCard.jsx
index 82e7dfe5..4e5ac962 100644
--- a/src/components/RewardCard.jsx
+++ b/src/components/RewardCard.jsx
@@ -22,27 +22,27 @@ const Grid = styled.div`
 const Title = styled.h1`
   font-size: 24px;
   font-weight: 400;
-  color: ${p => p.theme.colors.lines};
+  color: ${p => p.theme.colors.text};
 `
 
 const Text = styled.h3`
   font-size: 18px;
   font-weight: 300;
   margin-top: -12px;
-  color: ${p => p.theme.colors.lines};
+  color: ${p => p.theme.colors.text};
 `
 
 const Description = styled.h3`
   font-size: 18px;
   font-weight: 300;
   text-align: center;
-  color: ${p => p.theme.colors.lines};
+  color: ${p => p.theme.colors.text};
 `
 
 const SubTitle = styled.p`
   font-size: 14px;
   font-weight: 700;
-  color: ${p => p.theme.colors.bar};
+  color: ${p => p.theme.colors.text};
   text-align: right;
   margin-top: 8px;
 `
@@ -61,7 +61,7 @@ const InfoIcon = styled.div`
   height: 24px;
   border: 2px solid ${p => p.theme.colors.lines};
   border-radius: 50%;
-  color: ${p => p.theme.colors.lines};
+  color: ${p => p.theme.colors.text};
   display: flex;
   justify-content: center;
   align-items: center;

From ce80c8ab3fe6a1a8125dd4c5d1fecac5037fa6c0 Mon Sep 17 00:00:00 2001
From: ubcma <indira.sowy@gmail.com>
Date: Fri, 1 Nov 2024 22:04:48 -0700
Subject: [PATCH 2/2] change subtitle color back

---
 src/components/RewardCard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RewardCard.jsx b/src/components/RewardCard.jsx
index 4e5ac962..ce94c471 100644
--- a/src/components/RewardCard.jsx
+++ b/src/components/RewardCard.jsx
@@ -42,7 +42,7 @@ const Description = styled.h3`
 const SubTitle = styled.p`
   font-size: 14px;
   font-weight: 700;
-  color: ${p => p.theme.colors.text};
+  color: ${p => p.theme.colors.bar};
   text-align: right;
   margin-top: 8px;
 `