fixed percentages color

Author: aayushshetty12

src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx

@@ -79,7 +79,8 @@ function DropOffTracking() {
             </span>
           </p>
           <p className={styles.trackingRateValue}>
-            +5% <span>since Last week</span>
+            <span className={styles.trackingRateValuePositive}>+5%</span>{' '}
+            <span>since Last week</span>
           </p>
         </div>
         <div className={`${styles.trackingRate} ${darkMode ? styles.trackingRateDark : ''}`}>
@@ -89,7 +90,10 @@ function DropOffTracking() {
             </span>
           </p>
           <p className={styles.trackingRateValue}>
-            +5% <span>since Last week</span>
+            <span className={styles.trackingRateValueNegative}>
+              <b>-5%</b>
+            </span>{' '}
+            <span>since Last week</span>
           </p>
         </div>
       </div>

src/components/CommunityPortal/Reports/Participation/Participation.module.css

@@ -272,7 +272,6 @@
   border-radius: 10px;
   width: 48%;
   padding: 10px;
-  color: #ffffff;
 }
 
 .trackingRateDark .trackingRateSubheading span,
@@ -282,9 +281,17 @@
 
 .trackingRateValue {
   font-size: 0.9rem;
-  color: #f44336;
   display: inline-block;
 }
+.trackingRate .trackingRateValue span.trackingRateValuePositive,
+.trackingRateDark .trackingRateValue span.trackingRateValuePositive {
+  color: #f44336 !important;
+}
+
+.trackingRate .trackingRateValue span.trackingRateValueNegative,
+.trackingRateDark .trackingRateValue span.trackingRateValueNegative {
+  color: #008000 !important;
+}
 
 /* Tables */
 .trackingListContainer {