Add highlighted color state to printer status icon

The blue highlighted state ensures the color of the printer status icon
background-badge always matches the background of the dropdown item.

http://screen/JxUqAa8Uhai

Bug: 1059607
Change-Id: I93e665f6cc3a12f8976f9135c7be3b210f9d0224
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2301124
Commit-Queue: Gavin Williams <gavinwill@chromium.org>
Reviewed-by: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#789835}

chrome/browser/resources/print_preview/ui/destination_dropdown_cros.html

@@ -127,7 +127,8 @@
                   highlightedIndex_)]]">
             <printer-status-icon-cros icon-location="[[IconLocation.DROPDOWN]]"
                 printer-state="[[computePrinterState_(
-                    item.printerStatusReason)]]">
+                    item.printerStatusReason)]]"
+                class$="[[getHighlightedClass_(item.key, highlightedIndex_)]]">
             </printer-status-icon-cros>
             <span class="printer-display-name">[[item.displayName]]</span>
           </button>

chrome/browser/resources/print_preview/ui/printer_status_icon_cros.html

@@ -59,6 +59,10 @@
   :host-context([dir='rtl']) #background-badge {
     right: var(--background-badge-left);
   }
+
+  :host-context(.highlighted) #background-badge {
+    background-color: var(--google-blue-refresh-100);
+  }
 </style>
 <div>
   <iron-icon icon="print-preview:print"></iron-icon>