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..b6096d88237f161d0e649668da5e0cde983b299e
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_icons_css.html
@@ -0,0 +1,23 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<!-- Common icon classes for Material Design WebUI -->
+<dom-module id="settings-icons">
+  <template>
+    <style>
+      button[is='paper-icon-button-light'].icon-visibility {
+        background-image: url(chrome://resources/images/settings_icon_visibility.svg);
+      }
+      button[is='paper-icon-button-light'].icon-arrow-back {
+        background-image: url(chrome://resources/images/settings_icon_arrow_back.svg);
+      }
+	    <if expr="chromeos">
+        button[is='paper-icon-button-light'].icon-flip {
+          background-image: url(chrome://resources/images/settings_icon_flip.svg);
+        }
+        button[is='paper-icon-button-light'].icon-camera-alt {
+          background-image: url(chrome://resources/images/settings_icon_camera_alt.svg);
+        }
+	    </if>

[dschuyler, 2017/06/06 18:58:39]

The indentation looks incorrect here.

[scottchen, 2017/06/06 22:33:12]

Wow, my sublime text went crazy! Fixed.

+    </style>
+  </template>
+</dom-module>