[gnome-weather] css: preserve font-color on backdrop

[Giovanni Campagna <gcampagna src gnome org>]

commit 4e4e3a86cb647c4b420931acc4e55b7cb276c351
Author: Giovanni Campagna <gcampagna src gnome org>
Date:   Fri Sep 11 10:16:45 2015 -0700

    css: preserve font-color on backdrop
    
    The color has to match the background image at all times, or the
    text will not be readable. To that effect, just keep the same
    color for focus and backdrop.

 data/application.css |   28 +++++++++++++++++++---------
 1 files changed, 19 insertions(+), 9 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 00ae4e4..6bf139b 100644
--- a/data/application.css
+++ b/data/application.css
@@ -11,49 +11,59 @@
     background-clip: border-box;
 }
 
-#weather-page-content-view.weather-clear {
+#weather-page-content-view.weather-clear,
+#weather-page-content-view.weather-clear:backdrop {
     background-image: url("weather-clear.jpg");
     color: rgba(0,0,0,0.8);
 }
 
-#weather-page-content-view.weather-clear-night {
+#weather-page-content-view.weather-clear-night,
+#weather-page-content-view.weather-clear-night:backdrop {
     background-image: url("weather-clear-night.jpg");
     color: rgba(255,255,255,0.8);
 }
 
-#weather-page-content-view.weather-few-clouds {
+#weather-page-content-view.weather-few-clouds,
+#weather-page-content-view.weather-few-clouds:backdrop {
     background-image: url("weather-few-clouds.jpg");
     color: rgba(0,0,0,0.6);
 }
 
-#weather-page-content-view.weather-few-clouds-night {
+#weather-page-content-view.weather-few-clouds-night,
+#weather-page-content-view.weather-few-clouds-night:backdrop {
     background-image: url("weather-few-clouds-night.jpg");
     color: rgba(255,255,255,0.8);
 }
 
-#weather-page-content-view.weather-fog {
+#weather-page-content-view.weather-fog,
+#weather-page-content-view.weather-fog:backdrop {
     background-image: url("weather-fog.jpg");
     background-position: center 20%;
     color: rgba(255,255,255,0.8);
 }
 
-#weather-page-content-view.weather-overcast {
+#weather-page-content-view.weather-overcast,
+#weather-page-content-view.weather-overcast:backdrop {
     background-image: url("weather-overcast.jpg");
     color: rgba(255,255,255,0.8);
 }
 
 #weather-page-content-view.weather-showers,
-#weather-page-content-view.weather-showers-scattered {
+#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");
     color: rgba(255,255,255,1.0);
 }
 
-#weather-page-content-view.weather-snow {
+#weather-page-content-view.weather-snow,
+#weather-page-content-view.weather-snow:backdrop {
     background-image: url("weather-snow.jpg");
     color: rgba(255,255,255,0.8);
 }
 
-#weather-page-content-view.weather-storm {
+#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);