[MD History] Color tweaks.

chrome/browser/resources/md_history/history_toolbar.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_render.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html">
 <link rel="import" href="chrome://history/browser_service.html">
 <link rel="import" href="chrome://history/icons.html">
 <link rel="import" href="chrome://history/shared_style.html">
 
@@ skipping 13 matching lines @@
       cr-toolbar,
       #overlay-buttons,
       #overlay-wrapper,
       #toolbar-container {
         align-items: center;
         display: flex;
         width: 100%;
       }
 
       :host([items-selected_]) {
-        background: rgb(68, 136, 255);
+        background: var(--toolbar-selected-color);
       }
 
       #toolbar-container {
         height: var(--toolbar-height);
       }
 
       cr-toolbar {
         --cr-toolbar-field-end-padding: 0;
         --cr-toolbar-field-margin: var(--side-bar-width);
         --cr-toolbar-right-content-wide: {
@@ skipping 35 matching lines @@
       }
 
       iron-dropdown {
         margin-top: 28px;  /** Height of icon + 8px spacing. */
       }
 
       .dropdown-content {
         @apply(--shadow-elevation-2dp);
         background-color: white;
         border-radius: 2px;
-        color: var(--paper-grey-800);
+        color: var(--synced-devices-notice-color);

[tsergeant, 2016/12/06 06:45:00]

This dropdown also has a link in it. Can you make sure it's styled consistently
(it's currently not, whoops).

[calamity, 2016/12/08 06:36:34]

Covered by the a selector added to shared_style.html.

         overflow: hidden;
         padding: 12px 20px;
       }
 
       :host(:not([has-drawer])) #overlay-wrapper {
         -webkit-margin-start: var(--side-bar-width);
       }
 
       #overlay-buttons {
         margin: 0 auto;
@@ skipping 149 matching lines @@
               title="$i18n{rangeNext}"
               class="rtl-reversible"
               on-tap="onNextTap_"
               disabled="[[isToday_(groupedOffset)]]"></paper-icon-button>
         </div>
       </div>
     </template>
   </template>
   <script src="chrome://history/history_toolbar.js"></script>
 </dom-module>