[gnome-weather/wip/cdavis/ui-tweaks: 6/7] window: Adjust status page to match mockups

[Christopher Davis <christopherdavis src gnome org>]

commit 35e0459ef125da7dd86b2251c8edb6fa21a6492b
Author: Christopher Davis <christopherdavis gnome org>
Date:   Fri Feb 12 05:33:05 2021 -0800

    window: Adjust status page to match mockups
    
    * Changes background color to blue
    * Makes the title bold
    * Sets a search placeholder
    * Adjusts the wording
    * Use full-color icon

 data/application.css | 9 +++++++++
 data/window.ui       | 8 ++++++--
 src/app/window.js    | 2 ++
 3 files changed, 17 insertions(+), 2 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 2ac3e3e..292573e 100644
--- a/data/application.css
+++ b/data/application.css
@@ -105,3 +105,12 @@ button.osd.circular > image {
 .small-label {
   font-size: 9pt;
 }
+
+.search-view scrolledwindow {
+  background-color: @theme_selected_bg_color;
+  color: @theme_selected_fg_color;
+}
+
+.search-view .large-title {
+  font-weight: bold;
+}
diff --git a/data/window.ui b/data/window.ui
index 39dea7b..ff9581d 100644
--- a/data/window.ui
+++ b/data/window.ui
@@ -126,8 +126,8 @@
               <object class="HdyStatusPage" id="searchView">
                 <property name="visible">True</property>
                 <property name="icon_name">mark-location-symbolic</property>
-                <property name="title" translatable="yes">Search for a Location</property>
-                <property name="description" translatable="yes">To see weather information, enter the name 
of a city.</property>
+                <property name="title" translatable="yes">Welcome to Weather!</property>
+                <property name="description" translatable="yes">To get started, select a location.</property>
                 <child>
                   <object class="GWeatherLocationEntry" id="searchEntry">
                     <property name="visible">True</property>
@@ -136,8 +136,12 @@
                     <property name="hexpand">False</property>
                     <property name="halign">center</property>
                     <property name="width-request">246</property>
+                    <property name="placeholder_text">Search for a city or country</property>
                   </object>
                 </child>
+                <style>
+                  <class name="search-view"/>
+                </style>
               </object>
               <packing>
                 <property name="name">search</property>
diff --git a/src/app/window.js b/src/app/window.js
index 9cb851e..22d0894 100644
--- a/src/app/window.js
+++ b/src/app/window.js
@@ -70,6 +70,8 @@ var MainWindow = GObject.registerClass({
 
         this._model = this.application.model;
 
+        this._searchView.icon_name = pkg.name;
+
         this._searchEntry.connect('notify::location', (entry) => {
             this._searchLocationChanged(entry);
         });