MD Settings: up contast of headers and other things that use grey 500 on white

chrome/browser/resources/settings/device_page/display.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.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-tabs/paper-tabs.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="display_layout.html">
 <link rel="import" href="display_overscan_dialog.html">
@@ skipping 26 matching lines @@
      }
 
      .textarea {
        margin: 10px 0;
      }
 
      .title-text {
        margin-top: 10px;
      }
 
-     .info-text {
-       color: var(--paper-grey-500);
-       margin-top: 5px;
-     }
-
      .settings-box > paper-button:first-child {
        -webkit-padding-start: 0
      }
 
      paper-tab {
        text-transform: uppercase;
      }
 
     </style>
     <div class="settings-box first layout vertical self-stretch">
@@ skipping 98 matching lines @@
           </div>
         </div>
         <button class="subpage-arrow" is="paper-icon-button-light"
             aria-label="$i18n{displayTouchCalibrationTitle}"
             aria-describedby="touchCalibrationSecondary"></button>
       </div>
     </div>
   </template>
   <script src="display.js"></script>
 </dom-module>