liberapay.com
liberapay.com copied to clipboard
liberapay
improvement: add icon with yellow stroke
It's hard to see the current one on dark background, so.
| Before | After |
|---|---|
 |
 |
 |
 |
Closer look (yes, the stroke overflows the canvas):
TODO:
- [ ] Replace the favicon.
- [ ] Generate PNGs.
- [ ] Search for occurrences of "icon-v2_black" in the codebase and replace where appropriate.
- [ ] Consider white stroke instead of yellow.
I'll do these if you like the change.
It doesn't look quite right to me. Maybe if the outline was thinner or had an alpha gradient?
Is this change only for the favicon, or do you have another reason?
For the favicon in the first place. Maybe there are other places it can be useful in.
Maybe if the outline was thinner or had an alpha gradient?
I have picked width that looked the best to me at 16px width (the ones in the table). You can play around with it in the dev tools as well. For the gradient - currently I'm not sure how to achieve it.
Hey, I also just learned that you can set different favicons depending on color scheme, with the media attribute
@WofWca I assume you're talking about prefers-color-scheme. It doesn't seem to work on favicons in Firefox.