MD Downloads: make inactive downloads less gloomy!

chrome/browser/resources/md_downloads/item.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 {
   display: flex;
   flex-direction: column;
 }
 
 #date {
@@ skipping 18 matching lines @@
   position: relative;
   width: var(--downloads-item-width);
 }
 
 #content.is-active {
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08),
               0 3px 1px -2px rgba(0, 0, 0, .2);
 }
 
 #content:not(.is-active) {
-  opacity: .6;
+  background: rgba(255, 255, 255, .6);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048),
+              0 3px 1px -2px rgba(0, 0, 0, .12);
 }
 
 #details {
   -webkit-border-start: 1px #d8d8d8 solid;
   -webkit-padding-end: 16px;
   -webkit-padding-start: 24px;
   display: flex;
   flex: 1;
   flex-direction: column;
   min-width: 0;  /* This allows #url to ellide correctly. */
   padding-bottom: 12px;
   padding-top: 16px;
 }
 
 #content:not(.is-active) #details {
-  color: #bababa;
+  color: rgba(186, 186, 186, .6);
 }
 
 #content:not(.is-active) #name {
   text-decoration: line-through;
 }
 
 .icon-wrapper {
   align-self: center;
   flex: none;
   justify-content: center;
@@ skipping 38 matching lines @@
 #name,
 #file-link {
   font-weight: 500;
   word-break: break-all;
 }
 
 #name {
   -webkit-margin-end: 12px;  /* Only really affects #tag. */
 }
 
-.is-active :-webkit-any(#name, #file-link, #pause, #resume, #show) {
+#resume,
+.is-active :-webkit-any(#name, #file-link, #pause, #show) {
   color: rgb(51, 103, 214);
 }
 
 #tag {
   color: #5a5a5a;
   font-weight: 500;
 }
 
 #url {
   color: inherit;
@@ skipping 76 matching lines @@
 }
 
 #incognito {
   bottom: 20px;
   content: -webkit-image-set(
       url(chrome://downloads/1x/incognito_marker.png) 1x,
       url(chrome://downloads/2x/incognito_marker.png) 2x);
   position: absolute;
   right: 10px;
 }