Add style for cloudy weather (#127)

Author: danirabbit

data/Application.css

@@ -89,6 +89,23 @@ image:not(.weather-icon):dir(rtl) {
         0 1px 0 alpha(black, 0.4);
 }
 
+.cloudy {
+    background-color: @SILVER_700;
+    background-image:
+        linear-gradient(
+            to bottom,
+            alpha(white, 0),
+            alpha(white, 0.3)
+        );
+    color: #fff;
+    text-shadow:
+        0 2px 4px alpha(@SILVER_900, 0.5),
+        0 1px 0 alpha(@SILVER_900, 0.7);
+    -gtk-icon-shadow:
+        0 2px 4px alpha(@SILVER_900, 0.5),
+        0 1px 0 alpha(@SILVER_900, 0.7);
+}
+
 .showers {
     background-color: #68758e;
     background-image:

data/nimbus.metainfo.xml.in

@@ -53,6 +53,7 @@
       <description>
         <p>Now with more info!</p>
         <ul>
+          <li>Gray and cold looking when it's cloudy out ☁️</li>
           <li>See Wind, Visiblity, and Pressure thanks to @alexkdeveloper</li>
           <li>Get location in a privacy-respecting way</li>
           <li>Russian translation, thanks to @lenemter</li>

src/MainWindow.vala

@@ -144,8 +144,8 @@ public class MainWindow : Gtk.ApplicationWindow {
                 case "weather-few-clouds-night-symbolic":
                     css_classes = {"night", "background", "csd"};
                     break;
-                case "weather-few-clouds-symbolic":
                 case "weather-overcast-symbolic":
+                    css_classes = {"cloudy", "background", "csd"};
                 case "weather-showers-symbolic":
                 case "weather-showers-scattered-symbolic":
                     css_classes = {"showers", "background", "csd"};