Fixing font styles in weather forecast screens

src/app/config/colors.js

@@ -8,7 +8,7 @@ export default {
   dark: "#0c0c0c",
   danger: "#ff5252",
   lightGray: "#C4C4C4",
-  gray: "gray",
+  gray: "#999999",
   lightestGray: "#F0F0F0",
-  lightBlue:"#1976D2"
+  lightBlue: "#1976D2",
 };

src/app/screens/ForecastScreen.js

@@ -138,11 +138,25 @@ function weekDayList(day_forecast) {
         }}
       >
         <View style={{ alignItems: "center" }}>
-          <Text>{day_forecast.week_day}</Text>
-          <Text>({day_forecast.date})</Text>
+          <Text
+            style={{ fontWeight: "bold", fontSize: dimensions.text.default }}
+          >
+            {day_forecast.week_day}
+          </Text>
+          <Text
+            style={{
+              color: colors.gray,
+              fontSize: dimensions.text.tertiary,
+              fontWeight: "400",
+            }}
+          >
+            ({day_forecast.date})
+          </Text>
         </View>
         <SvgImage style={{ marginHorizontal: 52 }} />
-        <Text>{day_forecast.rain_fall_mm} mm</Text>
+        <Text style={{ fontSize: dimensions.text.default, fontWeight: "bold" }}>
+          {day_forecast.rain_fall_mm} mm
+        </Text>
       </View>
     </View>
   );
@@ -170,7 +184,7 @@ function currentLocationAndDate(forecast, day) {
     >
       <Text
         style={{
-          fontWeight: "500",
+          fontWeight: "bold",
           fontSize: dimensions.text.default,
         }}
       >
@@ -179,7 +193,7 @@ function currentLocationAndDate(forecast, day) {
 
       <Text
         style={{
-          fontWeight: "500",
+          fontWeight: "bold",
           fontSize: dimensions.text.tertiary,
           color: colors.gray,
         }}