[quickview] Style the buttons in the toolbar for files-ng

Change-Id: I424c2222de164cb58b5e46cea2be4b5c9d16bddb
Bug: 992824
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2067764
Commit-Queue: Rachel Sugrono <rsugrono@google.com>
Commit-Queue: Noel Gordon <noel@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#743448}

ui/file_manager/file_manager/foreground/elements/files_quick_view.css

@@ -47,11 +47,15 @@ dialog#delete-confirm-dialog::backdrop {
   max-width: 100%;
 }
 
-cr-button:focus:not(:active) {
+:host(:not([files-ng])) cr-button:focus:not(:active) {
   box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.5);
   font-weight: bold;
 }
 
+:host([files-ng]) {
+  box-shadow: none;
+}
+
 #audio-artwork {
   height: 100%;
   margin: 0 auto;
@@ -176,10 +180,10 @@ cr-button:focus:not(:active) {
 }
 
 :host([files-ng]) cr-button {
-  --hover-bg-color: rgba(0, 0, 0, .08);
-  --ink-color: var(--google-blue-refresh-300);
+  --hover-bg-color: rgba(255, 255, 255, .04);
+  --ink-color: rgba(255, 255, 255, .88);
   --text-color: currentColor;
-  border: 1px solid transparent;
+  border: 2px solid transparent;
   border-radius: 50%;
   box-sizing: border-box;
   height: 36px;
@@ -262,7 +266,7 @@ iron-icon {
 }
 
 :host([files-ng]) cr-button:focus:not(:active) {
-  border: 1px solid var(--google-blue-600);
+  border: 2px solid var(--google-blue-300);
 }
 
 #metadata-box {