Changing favicon & Darkmode

Tricks & Techniques
21

This and the logo-dock doesn’t work for me. I checked and it doesn’t seem to be a permission issue since every user can read that. So is there any implicit constraint on the png file like it should be of which size?

22

Ah, Okey I missed this part.

Update: but still, my image is 1024 and it doesn’t work. It doesn’t show any icon now.

23

Have you checked if the http://<notes.tld>/.client/logo-dock.png url actually gives the plain image file in the right size?

Only other things i can think of would be deleting the browser cache and reinstalling the pwa.
Sorry for not being able to help further, you should probably look for someone for whom pwa’s are not a blackbox :sweat_smile:

24

Ah, thanks for the reply. No, I can’t see it. It is probably the incompatible png I assume. This shouldn’t be a PWA problem rather the resource not available.

image

25

Yeah, seems like either your file, file-permissions or proxy settings are broken. I’m getting the same error when trying to load your favicon.
Have you checked if your reverse-proxy can access the file?

26

I’m sure that 1) permission of the file is set to the same as the reverse proxy user 2) file accessible inside reverse proxies container 3) the proxy seems to be fine (not very familiar but seems working.

So the most likely reason would be the incorrect reverse proxy. I’ll investigate tomorrow. Thanks for helping!

Just attach the reverse proxy if you were curious, it is caddy section:

core.lumeny.io {
    # Serve custom logo image
    handle /.client/logo-dock.png {
        root * /var/www/media/silverbullet
        file_server
    }
    handle /.client/favicon.png {
        root * /var/www/media/silverbullet
        file_server
    }

    # Regular reverse proxy for everything else
    handle /* {
        reverse_proxy http://<silverbullet>:3000 {
            header_up Host {host}
            header_up X-Real-IP {remote_host}
        }
    }
}
1 Like