MD Settings: convert paper-icon-button to paper-icon-button-light.

chrome/browser/resources/settings/settings_icons_css.html

Index: chrome/browser/resources/settings/settings_icons_css.html
diff --git a/chrome/browser/resources/settings/settings_icons_css.html b/chrome/browser/resources/settings/settings_icons_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..a131e3835a0a7a552bba3924318a797569e4fb60
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_icons_css.html
@@ -0,0 +1,29 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<!-- Common icon classes for Material Design settings page. -->
+<dom-module id="settings-icons">
+  <template>
+    <style>
+      button[is='paper-icon-button-light'].icon-arrow-back {
+        background-image: url(./images/settings_icon_arrow_back.svg);

[dschuyler, 2017/06/09 23:48:03]

nit: maybe go without the ./

[scottchen, 2017/06/10 00:15:22]

I actually had the "./" intentionally, to be more explicit about which images/
this is referring to. (Discussed with reviewer offline and reviewer is OK with
this.)

+      }
+      button[is='paper-icon-button-light'].icon-visibility {
+        background-image: url(./images/settings_icon_visibility.svg);
+      }
+      <if expr="chromeos">
+        button[is='paper-icon-button-light'].icon-add-circle {
+          background-image: url(./images/settings_icon_add_circle.svg);
+        }
+        button[is='paper-icon-button-light'].icon-add-wifi {
+          background-image: url(./images/settings_icon_add_wifi.svg);
+        }
+        button[is='paper-icon-button-light'].icon-camera-alt {
+          background-image: url(./images/settings_icon_camera_alt.svg);
+        }
+        button[is='paper-icon-button-light'].icon-flip {
+          background-image: url(./images/settings_icon_flip.svg);
+        }
+      </if>
+    </style>
+  </template>
+</dom-module>