WebUI Dark Mode: update incognito icon for light/dark mode

Screenshots: https://imgur.com/a/juHC3Fz

R=dpapad@chromium.org
BUG=936977

Change-Id: Ibef2af96df3599b79d3c94e979f8039a2cea42f0
Reviewed-on: https://chromium-review.googlesource.com/c/1496295
Commit-Queue: Dan Beam <dbeam@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Auto-Submit: Dan Beam <dbeam@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#636649}

chrome/browser/browser_resources.grd

@@ -159,8 +159,7 @@
       <include name="IDR_UKM_INTERNALS_JS" file="../../components/ukm/debug/ukm_internals.js" flattenhtml="true" compress="gzip" type="BINDATA" />
       <include name="IDR_UKM_INTERNALS_CSS" file="../../components/ukm/debug/ukm_internals.css" flattenhtml="true" compress="gzip" type="BINDATA" />
       <if expr="not is_android">
-        <include name="IDR_DOWNLOADS_IMAGES_1X_INCOGNITO_MARKER_PNG" file="resources\downloads\images\1x\incognito_marker.png" type="BINDATA" />
-        <include name="IDR_DOWNLOADS_IMAGES_2X_INCOGNITO_MARKER_PNG" file="resources\downloads\images\2x\incognito_marker.png" type="BINDATA" />
+        <include name="IDR_DOWNLOADS_IMAGES_INCOGNITO_MARKER_SVG" file="resources\downloads\images\incognito_marker.svg" type="BINDATA" />
         <include name="IDR_DOWNLOADS_IMAGES_NO_DOWNLOADS_SVG" file="resources\downloads\images\no_downloads.svg" type="BINDATA" />
         <include name="IDR_DOWNLOADS_MOJO_LITE_JS" file="${root_gen_dir}\chrome\browser\ui\webui\downloads\downloads.mojom-lite.js" use_base_dir="false" type="BINDATA" />
         <if expr="optimize_webui">

chrome/browser/resources/downloads/images/incognito_marker.svg

+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><g fill="#5F6368" fill-rule="nonzero"><circle cx="5.44" cy="10.371" r="1.411"/><path d="M8 0C3.578 0 0 3.578 0 8c0 4.422 3.578 8 8 8 4.422 0 8-3.578 8-8 0-4.422-3.578-8-8-8zM6.095 3.28a.557.557 0 0 1 .705-.335l1.178.393 1.171-.393a.573.573 0 0 1 .706.335l1.287 3.433H4.815l1.28-3.433zm4.414 9.062a1.97 1.97 0 0 1-1.956-1.804c-.546-.349-.99-.13-1.164-.014a1.96 1.96 0 0 1-1.956 1.81 1.977 1.977 0 0 1-1.971-1.97c0-1.084.887-1.971 1.97-1.971.932 0 1.71.647 1.913 1.52a1.547 1.547 0 0 1 1.237.007 1.97 1.97 0 0 1 1.913-1.527c1.083 0 1.97.887 1.97 1.97a1.948 1.948 0 0 1-1.956 1.979zm2.538-4.502H2.91v-.567h10.138v.567z"/><circle cx="10.509" cy="10.371" r="1.411"/></g></svg>
\ No newline at end of file

chrome/browser/resources/downloads/item.html

@@ -255,12 +255,13 @@
       }
 
       #incognito {
+        -webkit-mask-image: url(chrome://downloads/images/incognito_marker.svg);
+        background-color: var(--cr-secondary-text-color);
         bottom: 20px;
-        content: -webkit-image-set(
-            url(chrome://downloads/images/1x/incognito_marker.png) 1x,
-            url(chrome://downloads/images/2x/incognito_marker.png) 2x);
+        height: 16px;
         position: absolute;
         right: 16px;
+        width: 16px;
       }
 
       :host-context([dir='rtl']) #incognito {

chrome/browser/ui/webui/downloads/downloads_ui.cc

@@ -102,10 +102,8 @@ content::WebUIDataSource* CreateDownloadsUIHTMLSource(Profile* profile) {
 
   source->AddLocalizedString("inIncognito", IDS_DOWNLOAD_IN_INCOGNITO);
 
-  source->AddResourcePath("images/1x/incognito_marker.png",
-                          IDR_DOWNLOADS_IMAGES_1X_INCOGNITO_MARKER_PNG);
-  source->AddResourcePath("images/2x/incognito_marker.png",
-                          IDR_DOWNLOADS_IMAGES_2X_INCOGNITO_MARKER_PNG);
+  source->AddResourcePath("images/incognito_marker.svg",
+                          IDR_DOWNLOADS_IMAGES_INCOGNITO_MARKER_SVG);
   source->AddResourcePath("images/no_downloads.svg",
                           IDR_DOWNLOADS_IMAGES_NO_DOWNLOADS_SVG);
   source->AddResourcePath("downloads.mojom-lite.js",
@@ -113,8 +111,7 @@ content::WebUIDataSource* CreateDownloadsUIHTMLSource(Profile* profile) {
 
 #if BUILDFLAG(OPTIMIZE_WEBUI)
   source->UseGzip(base::BindRepeating([](const std::string& path) {
-    return path != "images/1x/incognito_marker.png" &&
-           path != "images/2x/incognito_marker.png" &&
+    return path != "images/incognito_marker.svg" &&
            path != "images/no_downloads.svg" &&
            path != "downloads.mojom-lite.js";
   }));