WebUI: fixing the text color of cr-elements

Bug: 849857
Cq-Include-Trybots: luci.chromium.try:closure_compilation
Change-Id: I870f5fb93644ac7606d6ea2d810cee7ec9444ed7
Reviewed-on: https://chromium-review.googlesource.com/1120681Reviewed-by: Scott Chen <scottchen@chromium.org>
Reviewed-by: Sasha Morrissey <sashab@chromium.org>
Commit-Queue: Sasha Morrissey <sashab@chromium.org>
Cr-Commit-Position: refs/heads/master@{#572473}

chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.html

@@ -21,6 +21,7 @@
         }
         --cr-input-error-display: none;
         --cr-input-background-color: transparent;
+        --cr-input-color: white;
         --cr-input-input: {
           -webkit-margin-start: -3px;
           -webkit-padding-end: 3px;

ui/file_manager/file_manager/main.html

@@ -27,6 +27,7 @@
 
     <style is="custom-style">
       #search-box cr-input {
+        --cr-input-color: white;
         --cr-input-focus-color: white;
         --cr-input-container: {
           border-radius: 0;

ui/file_manager/gallery/gallery.html

@@ -70,6 +70,7 @@
         line-height: var(--cr-form-field-label-font-size);
         margin-bottom: 0;
       }
+      --cr-input-color: white;
       --cr-input-container: {
         border-radius: 0;
       }
@@ -81,7 +82,6 @@
       }
       --cr-input-error-display: none;
       --cr-input-focus-color: white;
-      color: white;
     }
 
     #rename-input {

ui/webui/resources/cr_elements/cr_input/cr_input_style_css.html

@@ -42,7 +42,7 @@
         border: none;
         box-sizing: border-box;
         caret-color: var(--cr-input-focus-color);
-        color: inherit;
+        color: var(--cr-input-color, var(--google-grey-900));
         font-family: inherit;
         font-size: inherit;
         line-height: inherit;

ui/webui/resources/html/md_select_css.html

@@ -25,7 +25,7 @@
         background-size: var(--md-arrow-width);
         border: none;
         border-radius: 4px;
-        color: inherit;
+        color: var(--google-grey-900);
         cursor: pointer;
         font-family: inherit;
         font-size: inherit;