Improve toolbar icons for all DPIs

Tag #576.

- Redraw toolbar SVG images, pixel-aligning them as best as possible
  with manual node placement on the pixel grid.
- Reintroduce PNG versions for < 1.33 dppx (with added glow arrow)
- Make the css adaptive around the 1.33 dppx border, using PNG below
  that threshold and SVG above it.
This commit is contained in:
wolfbeast 2019-01-17 11:41:50 +01:00 committed by Roy Tam
commit 2c450f5ad9
8 changed files with 3242 additions and 2180 deletions

View file

@ -5,7 +5,14 @@
:root {
--toolbar-custom-color: hsl(210,75%,92%);
--toolbar-highlight-top: rgba(255,255,255,.5);
--toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg");
--toolbarbutton-image: url("chrome://browser/skin/Toolbar.png");
}
/* Use SVG for HiDPI 133%+ */
@media (min-resolution: 1.33dppx) {
:root {
--toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg");
}
}
/* Toolbar */