PDF: Tweak font-size and colors to more closely match other MD WebUI

chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css

 /* Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 :host ::selection {
   background: rgba(255, 255, 255, 0.3);
 }
 
 /* We introduce a wrapper aligner element to help with laying out the main
  * toolbar content without changing the bottom-aligned progress bar. */
 #aligner {
   @apply(--layout-horizontal);
   @apply(--layout-center);
-  padding: 0 16px;
+  padding: 0 8px;
   width: 100%;
 }
 
 #title {
   @apply(--layout-flex-5);
-  font-size: 77.8%;
+  font-size: 107%;
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 #pageselector-container {
   @apply(--layout-flex-1);
   text-align: center;
   /* The container resizes according to the width of the toolbar. On small
@@ skipping 22 matching lines @@
   --paper-progress-height: 3px;
   transition: opacity 150ms;
   width: 100%;
 }
 
 paper-toolbar {
   --paper-toolbar-background: rgb(50, 54, 57);
   --paper-toolbar-height: 48px;
   @apply(--shadow-elevation-2dp);
   color: rgb(241, 241, 241);
-  font-size: 1.5em;
 }
 
 .invisible {
   visibility: hidden;
 }
 
 @media(max-width: 675px) {
   #bookmarks,
   #rotate-left {
     display: none;
   }
 
   #pageselector-container {
     flex: 2;
   }
 }
 
 @media(max-width: 450px) {
   #rotate-right {
     display: none;
   }
 }
 
 @media(max-width: 400px) {
   #buttons,
   #pageselector-container {
     display: none;
   }
 }