progress bar now updates with lightmode (#94)

SE310-Team-1 · Oct 9, 2024 · c5ce44d · c5ce44d
1 parent e5940a2
commit c5ce44d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/fitness_tracker/src/components/AchievementsDisplay.jsx b/fitness_tracker/src/components/AchievementsDisplay.jsx
@@ -127,7 +127,7 @@ function AchievementsDisplay({ darkmode }) {
           {nextScoreTarget && (
             <TableRow>
               <TableCell>
-                <div style={{ display: "flex", justifyContent: "space-between" }}>
+                <div style={{ display: "flex", justifyContent: "space-between", color: darkmode ? "#fff" : "#000"}}>
                   <span>Next Score Achievement: {nextScoreTarget} points</span>
                   <span>{totalScore} / {nextScoreTarget} points</span>
                 </div>
@@ -138,7 +138,7 @@ function AchievementsDisplay({ darkmode }) {
           {nextWorkoutTarget && (
             <TableRow>
               <TableCell>
-                <div style={{ display: "flex", justifyContent: "space-between" }}>
+                <div style={{ display: "flex", justifyContent: "space-between", color: darkmode ? "#fff" : "#000"}}>
                   <span>Next Workout Achievement: {nextWorkoutTarget} workouts</span>
                   <span>{workoutCount} / {nextWorkoutTarget} workouts</span>
                 </div>