changed buttons colour

naturuplift · Dec 23, 2023 · 788ab51 · 788ab51
1 parent 6af9c0b
commit 788ab51
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -20,6 +20,19 @@ body {
   width: 100%;
 }
 
+/* set the search button color */
+.btn.btn-primary {
+  background-color: rgb(87, 80, 117);
+  color: white;
+}
+
+/* set the search history button color
+#searchHistory.list-group {
+  background-color: rgb(87, 80, 117);
+  color: white;
+  border: none;
+} */
+
 /* set the 5-day forecast card color */
 .card-0,
 .card-1,

diff --git a/assets/scripts/script.js b/assets/scripts/script.js
@@ -73,7 +73,7 @@ function updateSearchHistory(updateCity) {
   // created button into html and add city searched
   const cityCard = `
     <li class="list-group-item">
-      <button class="btn btn-secondary btn-block cityButton" data-location="${updateCity}">${extractedString}</button>
+      <button class="btn btn-secondary btn-block cityButton" style="background-color: rgb(87, 80, 117); color: white;" data-location="${updateCity}">${extractedString}</button>
     </li>
   `;
 
@@ -150,13 +150,13 @@ function currentAndForecastWeather(city, lat, lon) {
     const weatherIconForecast = weatherIcon.slice(1);
     const tempForecast = temp.slice(1);
     const windSpeedForecast = windSpeed.slice(1);
-    const humidityDateForecast = humidity.slice(1);
+    const humidityForecast = humidity.slice(1);
 
     // check API data output for forecast weather location
     // console.log(DateForecast, weatherIconForecast, tempForecast, windSpeedForecast, humidityDateForecast) // TODO comment when tested
 
     // Call function to display city 5-day forecast
-    viewForescastWeather(DateForecast, weatherIconForecast, tempForecast, windSpeedForecast, humidityDateForecast);
+    viewForescastWeather(DateForecast, weatherIconForecast, tempForecast, windSpeedForecast, humidityForecast);
 
   })
   // catch error for Geo API call