Files app: Dialogs buttons styling touches for FilesNg

Only show focus ring only when interacting with keyboard.

Add the hover color/style for OK button.

Fix font face when opening delete dialog from <quick-view>, it was using
Arial font, because it was missing "text_defaults.css" in this context.

Bug: 992827, 1062902
Change-Id: Ibc4f6c576779a764d496d3d810d46bfa5378eef0
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2208779
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Auto-Submit: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Alex Danilo <adanilo@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#770932}

ui/file_manager/file_manager/foreground/css/common.css

@@ -197,6 +197,13 @@ cr-menu.chrome-menu > [checked]::before {
 }
 
 .cr-dialog-container:not(.files-ng) .cr-dialog-buttons > button.cr-dialog-ok:hover {
+  background:
+      linear-gradient(var(--cros-default-button-background-color-primary-hover-overlay),
+                      var(--cros-default-button-background-color-primary-hover-overlay));
+              var(--cros-default-button-background-color-primary),
+}
+
+.cr-dialog-container.files-ng .cr-dialog-buttons > button.cr-dialog-ok:hover {
   background:
       linear-gradient(var(--cros-default-button-background-color-primary-hover-overlay),
                       var(--cros-default-button-background-color-primary-hover-overlay)),
@@ -253,7 +260,8 @@ cr-menu.chrome-menu > [checked]::before {
   box-shadow: 0 0 0 2px rgba(51, 103, 214, 0.5);
 }
 
-.cr-dialog-container.files-ng .cr-dialog-buttons > button:not(:active):focus {
+:root.focus-outline-visible .cr-dialog-container.files-ng .cr-dialog-buttons > button:not(:active):focus,
+:host-context(:root.focus-outline-visible) .cr-dialog-container.files-ng .cr-dialog-buttons > button:not(:active):focus {
   box-shadow: 0 0 0 2px var(--google-blue-500-rgb);
   outline: 2px auto rgba(var(--google-blue-600-rgb), 40%);
 }

ui/file_manager/file_manager/foreground/elements/files_quick_view.html

@@ -13,6 +13,7 @@
 <link rel="import" href="icons.html">
 
 <dom-module id="files-quick-view">
+  <link rel="import" type="css" href="chrome://resources/css/text_defaults.css">
   <link rel="import" type="css" href="../css/common.css">
   <link rel="import" type="css" href="files_quick_view.css">
   <template>