ChromeOS: Implement Network Selection screen of material design OOBE.

chrome/browser/resources/chromeos/login/oobe_dialog.css

Index: chrome/browser/resources/chromeos/login/oobe_dialog.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_card.css b/chrome/browser/resources/chromeos/login/oobe_dialog.css
similarity index 74%
copy from chrome/browser/resources/chromeos/login/oobe_card.css
copy to chrome/browser/resources/chromeos/login/oobe_dialog.css
index 9537b4f13efce716df61ebe188c4dfa2c69660fc..4b4e4959bcd121be723327c5159b14803705c6a9 100644
--- a/chrome/browser/resources/chromeos/login/oobe_card.css
+++ b/chrome/browser/resources/chromeos/login/oobe_dialog.css
@@ -8,16 +8,16 @@
   position: relative;
 }
 
-.oobe-header {
-  background-color: var(--google-blue-500);
-  color: white;
-  height: 198px;
+.oobe-icon-div {
+ --iron-icon-height: 20px;
+ --iron-icon-width: 20px;
+ color: var(--google-blue-500);
 }
 
-:host(:not(.disabled)) .oobe-header {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-  /* z-index is needed to make shadow visible. */
-  z-index: 1;
+.oobe-header {
+  background-color: white;
+  color: black;
+  height: 150px;
 }
 
 .oobe-footer {
@@ -45,12 +45,19 @@
 }
 
 ::content h1.welcome-message {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   font-size: 20px;
   font-weight: normal;
   margin-bottom: 0;
 }
 
+::content h1.welcome-message-hint {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 12px;
+  font-weight: normal;
+  margin-bottom: 0;
+}
+
 .overlay {
   background-color: rgba(0, 0, 0, 0.5);
   display: none;