From d2ab2f1cbfbd5f599b5c4ec61acdc03637c5b2fe Mon Sep 17 00:00:00 2001
From: Ayushkalathiya <ayushkalathiya50@gmail.com>
Date: Thu, 24 Oct 2024 16:40:27 +0530
Subject: [PATCH] removing scrollbar and add some colors for weather-icon

---
 css/style.css     | 59 +++++++++++++++++++++++++++++++++++++++++++++++
 weather_info.html |  2 +-
 2 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index feea843..f9f7dbd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -473,4 +473,63 @@ footer {
 #suggestions li:hover {   
     cursor: pointer;
     background-color: #c0cad4;
+}
+
+/* Default weather icon - neutral orange-yellow */
+.weather-icon i {
+    color: #ffd700; /* Bright gold - more visible and energetic */
+}
+
+/* Forecast cards with specific weather conditions */
+.forecast-card.sunny i {
+    color: #ff9500; /* Warm orange - represents sunlight */
+}
+
+.forecast-card.cloudy i {
+    color: #7b8994; /* Medium gray - represents clouds */
+}
+
+.forecast-card.rainy i {
+    color: #4682b4; /* Steel blue - represents rain */
+}
+
+.forecast-card.snowy i {
+    color: #c8cbcb; /* Light blue-white - represents snow */
+}
+
+.forecast-card.stormy i {
+    color: #484848; /* Dark gray - represents storm clouds */
+}
+
+/* Weather detail icons */
+.detail-item.rain i {
+    color: #0096ff; /* Bright blue - represents rain/water */
+}
+
+.detail-item.humidity i {
+    color: #1e90ff; /* Darker blue - represents moisture */
+}
+
+.detail-item.wind i {
+    color: #87ceeb; /* Sky blue - represents wind/air */
+}
+
+.detail-item.pressure i {
+    color: #778899; /* Slate gray - represents atmospheric pressure */
+}
+
+/* Hide scrollbar for Webkit browsers */
+::-webkit-scrollbar {
+    width: 0px;
+    background: transparent;
+}
+
+/* Hide scrollbar for Firefox */
+html {
+    scrollbar-width: none;
+}
+
+/* Allow scrolling */
+body {
+    overflow: auto;
 }
\ No newline at end of file
diff --git a/weather_info.html b/weather_info.html
index 99794e0..79e06a3 100644
--- a/weather_info.html
+++ b/weather_info.html
@@ -61,7 +61,7 @@ <h4 class="day">Wednesday, October 21</h4>
                                 </div>
                                 <p class="status">Rainy</p>
                             </div>
-                            <div class="forecast-card  snowy">
+                            <div class="forecast-card snowy">
                                 <h4 class="day">Thursday, October 21</h4>
 
                                 <div class="weather-content">