1068939 - [meta] Use SVG images in Firefox DevTools

Status: RESOLVED WORKSFORME

(DevTools :: Shared Components, defect)

Description

[Sebastian Zartner [:sebo]]

All PNG icons within the devtools should be replaced by SVG equivalents.
This allows to simplify CSS and to avoid having two versions of icons for normal and HiDPI displays.

Set of icons:
https://mxr.mozilla.org/mozilla-central/source/browser/themes/shared/devtools/images/



Sebastian

Comment 1

[Tim Nguyen :ntim]

I've already started some of this work in bug 837188. Some of the icons would be easy to do I guess, since some of them are basic shapes, but it would take some time though.

Comment 2

[Tim Nguyen :ntim]

Started the work here : https://github.com/nt1m/FirefoxDevToolsSVG

I probably won't touch this often, but if someone wants to contribute, feel free to :)

Comment 3

[Florens Verschelde :fvsch]

The last remaining PNG icons are:

devtools/client/themes/images/vview-edit.png
devtools/client/themes/images/vview-lock.png

(and their @2x variants)

They're used in the variable view, which is still accessible from a few tools, though the main consumer was the old debugger (which was removed).

Comment 4

[Sebastian Zartner [:sebo]]

And editor-error.png, which doesn't seem to be used anymore at all.

https://dxr.mozilla.org/mozilla-central/search?q=path%3Adevtools%2Fclient%2Fthemes%2Fimages+file%3A*.png

Sebastian

Comment 5

[Tim Nguyen :ntim]

Marking this meta bug as WFM as it hasn't been that useful (all the dependencies are WFM). Feel free to file individual bugs for the remaining images (though the vview-*.png are likely not going to be converted from https://bugzilla.mozilla.org/show_bug.cgi?id=1174394#c1)