Material PDF: Fix inconsistent behaviour in page selector, update styling

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

Index: chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
diff --git a/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css b/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
index d46061bd7d6144117b73b9d7d57f9540d4f5a7b5..0d7cee67bbca0ebdbe540e45f96cfb9c370597c6 100644
--- a/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
+++ b/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
@@ -40,15 +40,15 @@ paper-progress {
 }
 
 paper-progress::shadow #activeProgress {
-  background-color: rgb(27, 168, 243);
+  background-color: rgb(50, 54, 57);
 }
 
 paper-progress::shadow #progressContainer {
-  background-color: rgb(100, 181, 246);
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 paper-toolbar {
-  background-color: rgb(27, 168, 243);
+  background-color: rgb(50, 54, 57);
   color: rgb(241, 241, 241);
   font-size: 1.5em;
   height: 56px;
@@ -58,7 +58,7 @@ paper-toolbar {
 }
 
 paper-toolbar /deep/ ::selection {
-  background: rgb(187, 222, 251);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 paper-toolbar /deep/ .toolbar-tools {