Make download warning icon and text more consistent

chrome/browser/resources/md_downloads/item.html

Index: chrome/browser/resources/md_downloads/item.html
diff --git a/chrome/browser/resources/md_downloads/item.html b/chrome/browser/resources/md_downloads/item.html
index fe13e0e16bacab8c193229a81b5327d2ddcf85ec..fb3a6b6dace144909f8bd7b0bf41d793c3054641 100644
--- a/chrome/browser/resources/md_downloads/item.html
+++ b/chrome/browser/resources/md_downloads/item.html
@@ -113,11 +113,7 @@
       }
 
       #danger-icon[icon='cr:warning'] {
-        color: rgb(255, 193, 7);
-      }
-
-      #danger-icon[icon='downloads:remove-circle'] {
-        color: rgb(244, 67, 54);
+        color: rgb(221, 67, 48);

[Dan Beam, 2016/11/01 18:49:50]

this similar to --google-red-700 and --paper-deep-orange-800, so maybe we could
just use either of those instead?

if not, you could do something like:

#danger-icon[icon='cr:warning'],
.dangerous #description {
  color: rgb(221, 67, 48);
}

or

:host {
  --dangerous-color: rgb(221, 67, 48);
}

#danger-icon[icon='cr:warning'] {
  color: var(--dangerous-color);
}

/* ... */

.dangerous #description {
  color: var(--dangerous-color);
}

[Jialiu Lin, 2016/11/01 21:19:01]

Done.

       }
 
       #name,
@@ -171,7 +167,7 @@
       }
 
       .dangerous #description {
-        color: rgb(239, 108, 0);
+        color: rgb(221, 67, 48);
       }
 
       #progress {