I have found another client-side temporary fix for this problem, for those who do not want to deal with a reverse proxy. This is meant for Firefox, but there might be similar solutions for other browsers. Here are the steps:
- Open your Library menu, where bookmarks are stored. There are various ways of doing this, but the easiest way I know of is to press ‘Control’+‘Shift’+‘O’ on your keyboard.
- In the top left of the Library menu, click ‘Import and Backup’–>‘Export Bookmarks to HTML…’ and save the file somewhere you can access it.
- (Optional) You may want to save another copy of this file somewhere else as a backup while we edit the first one.
- Open the file with an HTML or text editor. Find the entry for Syncthing. The easiest way to do this is to search for
localhost:8384. - Add the following behind
LAST_MODIFIED="[data]":ICON_URI="http://localhost:8384/assets/img/favicon-default.png". Save the file. - (Optional) You may want to delete all of your bookmarks in Firefox now to avoid duplicate entries. Don’t worry, you’ll get them back in the next step.
- Import the file back in by clicking ‘Import and Backup’–>‘Import Bookmarks from HTML…’ and selecting the file. Restart Firefox.
- Open the Library menu again. Delete any miscellaneous duplicate bookmarks or folders.
Your Syncthing bookmark should now have the correct favicon! If some or all favicons are missing, try visiting the webpages to cache them again.
Credit to Kevin Arrows at Appuals.com for providing the generic steps: https://appuals.com/fix-firefox-displaying-the-wrong-bookmark-favicons/