MD Extensions: apply the shared paper-input styling.

Bug: 749298
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I996f0b60c2a91b074c23d8848b43bb568f8810c1
Reviewed-on: https://chromium-review.googlesource.com/663763Reviewed-by: Dave Schuyler <dschuyler@chromium.org>
Commit-Queue: Scott Chen <scottchen@chromium.org>
Cr-Commit-Position: refs/heads/master@{#503558}

chrome/browser/resources/md_extensions/pack_dialog.html

@@ -2,6 +2,7 @@
 
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
+<link rel="import" href="chrome://resources/cr_elements/paper_input_style_css.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
@@ -12,13 +13,10 @@
 
 <dom-module id="extensions-pack-dialog">
   <template>
-    <style include="cr-shared-style paper-button-style">
+    <style include="cr-shared-style paper-button-style paper-input-style">
       .file-input {
         align-items: center;
         display: flex;
-        --paper-input-container-input: {
-          font-size: inherit;
-        };
       }
 
       .file-input paper-input {

chrome/browser/resources/md_extensions/shortcut_input.html

@@ -2,15 +2,17 @@
 
 <link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="chrome://resources/cr_elements/paper_input_style_css.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="chrome://extensions/shortcut_util.html">
 
 <dom-module id="extensions-shortcut-input">
   <template>
-    <style include="cr-icons cr-hidden-style">
+    <style include="cr-icons cr-hidden-style paper-input-style">
       #main {
         position: relative;
         width: 200px;
@@ -20,11 +22,7 @@
         --paper-input-container: {
           margin-bottom: 12px;
           padding: 0;
-        };
-        --paper-input-container-color: var(--paper-grey-400);
-        --paper-input-container-focus-color: var(--google-blue-500);
-        --paper-input-container-input: {
-          font-size: inherit;
+          @apply(--cr-primary-text);
         };
       }
 

ui/webui/resources/cr_elements/paper_input_style_css.html

 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
 <!-- Common paper-checkbox styling for Material Design WebUI. -->
 <dom-module id="paper-input-style">