Favicon weird in dark browser tabs

nbd but the favicon doesn’t really work in Chrome Mac 113.0.5672.92 in browser tabs with a dark background:
image

Seems like you might want to consider making the shape inside non-transparent.

4 Likes

Hey otsukaresamurai! Thanks for bringing this up. I’ll go ahead and tag @tofugu-scott directly so he can take a look at it when he has a chance. :+1:

It looks the same in Firefox 113.0.2 (64-bit) as well.

-Nick at WK

Unfortunately I’ve had this issue in the past and, at least as of about two years ago, there’s not a good solution because you can’t expose different favicons depending on browser theme.

So either you figure out one favicon that works well on either background (which the previous WK icon still used on these forums managed to do) or it’ll look weird/wrong on some browsers.

A quick and dirty fix would be to make the same icon with a white background instead of transparent, this way it will look the same on white tabs and you’ll get a white square with the favicon on dark tabs. Not very elegant but it works…

1 Like

This honestly may have been Scott’s calculation on this one!

-Nick at WK

2 Likes

Thanks for the heads up @otsukaresamurai. I have deployed an updated favicon to help make it a little more legible. It should now look like this:

Screenshot 2023-05-30 at 22.41.03

9 Likes

The caches somehow already reset so I can see it… looks much better, thanks!

image

4 Likes

Is the above Favicon new? I had the impression I saw it somewhere before. My browser still shows this one:
Screenshot 2023-05-31 at 13.01.33

I’m going to start looking into browser extensions to force the old icon back. Entirely different (no) color scheme, looks like a generic tech site thingy when squished to a small size, spent a full 30 seconds staring at my “recent sites” section looking for WK. Modern design = make sure you don’t stand out I guess :smiling_face_with_tear:

edit: here’s the .png version

wk-icon

and a link to the archived .ico version

if you wanna get in on it :stuck_out_tongue: