Make download warning icon and text more consistent

chrome/browser/resources/md_downloads/item.html

 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
 <link rel="import" href="chrome://downloads/action_service.html">
 <link rel="import" href="chrome://downloads/constants.html">
@@ skipping 95 matching lines @@
         -webkit-filter: grayscale(100%);
         opacity: .5;
       }
 
       #danger-icon {
         height: 32px;
         width: 32px;
       }
 
       #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,
       #file-link,
       #url {
         max-width: 100%;
       }
 
       #name,
       #file-link {
@@ skipping 33 matching lines @@
       #description:not(:empty),
       .controls {
         margin-top: 16px;
       }
 
       .is-active #description {
         color: #616161;
       }
 
       .dangerous #description {
-        color: rgb(239, 108, 0);
+        color: rgb(221, 67, 48);
       }
 
       #progress {
         --paper-progress-active-color: rgb(54, 126, 237);
         --paper-progress-container-color: rgb(223, 222, 223);
         width: auto;
       }
 
       .controls {
         -webkit-margin-start: -.57em;
@@ skipping 133 matching lines @@
       </div>
 
       <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
       </div>
     </div>
 
   </template>
   <link rel="import" type="css" href="chrome://resources/css/action_link.css">
   <script src="chrome://downloads/item.js"></script>
 </dom-module>