From 0530979d7cadc5ccb60b0424b02495e65aee4c00 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Wed, 31 Mar 2021 18:01:26 -0300
Subject: [PATCH] Fixing font styles in weather forecast screens

---
 src/app/config/colors.js          |  4 ++--
 src/app/screens/ForecastScreen.js | 24 +++++++++++++++++++-----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/config/colors.js b/src/app/config/colors.js
index 53a868f..76945a1 100644
--- a/src/app/config/colors.js
+++ b/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",
 };
diff --git a/src/app/screens/ForecastScreen.js b/src/app/screens/ForecastScreen.js
index fbaef73..9464098 100644
--- a/src/app/screens/ForecastScreen.js
+++ b/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,
         }}