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

ui/webui/resources/cr_elements/cr_icons_css.html

Index: ui/webui/resources/cr_elements/cr_icons_css.html
diff --git a/ui/webui/resources/cr_elements/cr_icons_css.html b/ui/webui/resources/cr_elements/cr_icons_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..d61e34b9c29e06546a8c7122aa9fa082d9f069d4
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_icons_css.html
@@ -0,0 +1,50 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<!-- Common icon classes for Material Design WebUI -->

[dschuyler, 2017/06/07 23:21:22]

period on comment.

[scottchen, 2017/06/08 22:13:15]

Done.

+<dom-module id="cr-icons">
+  <template>
+    <style>
+      button[is='paper-icon-button-light'].subpage-arrow,
+      paper-icon-button.subpage-arrow {
+        background-image: url(chrome://resources/images/arrow_right.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-cancel {
+        background-image: url(chrome://resources/images/icon_cancel.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-cancel-toolbar {
+        background-image:
+            url(chrome://resources/images/icon_cancel_toolbar.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-clear {
+        background-image: url(chrome://resources/images/icon_clear.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-delete {
+        background-image: url(chrome://resources/images/icon_delete.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-external {
+        background-image: url(chrome://resources/images/open_in_new.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-more-vert {
+        background-image: url(chrome://resources/images/icon_more_vert.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-settings {
+        background-image: url(chrome://resources/images/icon_settings.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-search {
+        background-image: url(chrome://resources/images/icon_search.svg);
+      }
+
+      button[is='paper-icon-button-light'].icon-arrow-dropdown {
+        background-image: url(chrome://resources/images/icon_arrow_dropdown.svg);
+      }
+    </style>
+  </template>
+</dom-module>