[gnome-weather/wip/christopherdavis/redesign-3-36: 2/2] application.css: Rework background styling for storms and rain

[Christopher Davis <christopherdavis src gnome org>]

commit 1122e1b41917093ffdf8cda038b5f63ab055f8f4
Author: Christopher Davis <brainblasted disroot org>
Date:   Mon Aug 5 17:54:41 2019 -0700

    application.css: Rework background styling for storms and rain
    
    Based on https://gitlab.gnome.org/Teams/Design/app-mockups/blob/master/weather/weather-wireframes.png

 data/application.css | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 6bf139b..890fd70 100644
--- a/data/application.css
+++ b/data/application.css
@@ -51,8 +51,16 @@
 #weather-page-content-view.weather-showers,
 #weather-page-content-view.weather-showers:backdrop,
 #weather-page-content-view.weather-showers-scattered,
-#weather-page-content-view.weather-showers-scattered:backdrop {
-    background-image: url("weather-showers.jpg");
+#weather-page-content-view.weather-showers-scattered:backdrop,
+#weather-page-content-view.weather-storm,
+#weather-page-content-view.weather-storm:backdrop {
+    background: repeating-linear-gradient(
+      -80deg,
+      rgba(163, 71, 186, 1),
+      rgba(163, 71, 186, 1) 6px,
+      rgba(172, 88, 192, 1) 1px,
+      rgba(172, 88, 192, 1) 8px
+    );
     color: rgba(255,255,255,1.0);
 }
 
@@ -62,13 +70,6 @@
     color: rgba(255,255,255,0.8);
 }
 
-#weather-page-content-view.weather-storm,
-#weather-page-content-view.weather-storm:backdrop {
-    background-image: url("weather-storm.jpg");
-    background-position: center 80%;
-    color: rgba(255,255,255,0.8);
-}
-
 #loading-label {
     padding-top: 24px;
     font-size: 1.5em;
@@ -106,4 +107,4 @@
 
 #locations-list-box {
     border: 1px solid @borders;
-}
\ No newline at end of file
+}