Replace toolbar PNG bitmaps with SVG vectors.

This makes the main toolbar icon set use SVG vector images, so they are prepared for HiDPI use.
The download indicator "attention" state (green arrow) has been folded into the main toolbar image.
This is a direct replacement of the previous images (and not separate icon files) to have a direct drop-in replacement for the previously used files.

Tag #576

1 files changed, 13 insertions, 6 deletions

diff --git a/application/palemoon/themes/windows/downloads/downloads.css b/application/palemoon/themes/windows/downloads/downloads.css
index 91ea652ed..f16989655 100644
--- a/application/palemoon/themes/windows/downloads/downloads.css
+++ b/application/palemoon/themes/windows/downloads/downloads.css
@@ -326,6 +326,11 @@ toolbar[brighttext] #downloads-indicator-icon {
                               0, 108, 18, 90) center no-repeat;
 }
 
+#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+  background: -moz-image-rect(var(--toolbarbutton-image),
+                                19, 108, 36, 90) center no-repeat;
+}
+
 @media (-moz-windows-compositor) {
   :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) #downloads-indicator-icon:not(:-moz-lwtheme),
   #TabsToolbar[tabsontop=true] #downloads-indicator-icon:not(:-moz-lwtheme),
@@ -333,10 +338,12 @@ toolbar[brighttext] #downloads-indicator-icon {
     background: -moz-image-rect(var(--toolbarbutton-glass-image),
                                 0, 108, 18, 90) center no-repeat;
   }
+  #downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+    background: -moz-image-rect(var(--toolbarbutton-glass-image),
+                                19, 108, 36, 90) center no-repeat;
 }
 
-#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
-  background-image: url("chrome://browser/skin/downloads/download-glow.png");
+
 }
 
 /* In the next few rules, we use :not([counter]) as a shortcut that is
@@ -360,10 +367,10 @@ toolbar[brighttext] #downloads-indicator:not([counter]) > #downloads-indicator-a
     background: -moz-image-rect(var(--toolbarbutton-glass-image),
                                 0, 108, 18, 90) center no-repeat;
   }
-}
-
-#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
-  background-image: url("chrome://browser/skin/downloads/download-glow.png");
+  #downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+    background: -moz-image-rect(var(--toolbarbutton-glass-image),
+                                19, 108, 36, 90) center no-repeat;
+  }
 }
 
 /*** Download notifications ***/