The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.The icons on the toolbar are *incredibly* dark and hard to see. I almost filed a bug report about the toolbar links vanishing at small screen sizes, only to notice that they are there, just don't stand out enough.
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | 1800704_contrasty-icons_3.patch | 42.4 KB | jessebeach |
| spark-icons-ouch.png | 13.77 KB | webchick |
Comments
Comment #1
tkoleary commented@webchick This is a bug not a design issue. Jesse has a fill attribute applied to these that matches the design but it is not working. I think the root of the problem is that we are using svg images to maintain resolution on retina displays. My recommendation is that we use the icon font (which makes this dependent on admin icons which we would then need to put in core). The alternative is to use pngs but size them at at least 2x the height they appear at at default res, ie. if the icon appears at 20x20px then the image should be 40x40px. IMHO this is not an optimal solution since it will double the weight of all of these icons, even assuming we use a sprite. Also it does not allow for zoom, only for clarity at the normal retina res, zoomed pngs will still get blurry, even at double the size.
Comment #2
webchickHm. Given the kerfuffle in #1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop, and given that the next Spark alpha is the first time most of the world will see the work we've been doing on D8, I think we need to escalate this to a release blocker, sorry. :\
Whatever fixes this the quickest is fine by me, even if that means incorporating pngs temporarily. Just comment it with a @todo that we want to replace with SVGs eventually.
Comment #3
jessebeach commentedKevin updated the contrast of the images. I've replaced them in the CSS.