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);
+      }
+      button[is='paper-icon-button-light'].icon-visibility {
+        background-image: url(./images/settings_icon_visibility.svg);
+      }
+      <if expr="chromeos">

[Dan Beam, 2017/06/14 01:19:21]

ideally, this <if> should be 0-indented so the selectors all line up.

i get that this is a little odd compared to .js

[scottchen, 2017/06/14 17:40:42]

Fixed.

+        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>