Differing favicons for Flathub: main site vs discourse

I would like to be able to distinguish tabs open to flathub.org versus discourse.flathub.org at a glance, but the sites use the same favicon. Could one be changed, even just grey → black, so that tabs are visually distinguishable.


(Some domain I used is not allowed by Discourse for links, hence screenshots. New user, only 1 upload allowed per post.)

Discourse for FlatHub

<link rel="icon" type="image/png" href="https://discourse-flathub-org-uploads.s3.dualstack.us-east-1.amazonaws.com/optimized/2X/1/1c598c2db208fefd68bbce58a9454aaac5377cb7_2_32x32.png">
<link rel="apple-touch-icon" type="image/png" href="https://discourse-flathub-org-uploads.s3.dualstack.us-east-1.amazonaws.com/optimized/2X/b/b677d8108da99880a1f3e2e935cf9769e521a128_2_180x180.png">

FlatHub

<link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">

Settings

For Discourse, evidently these images can be set in the Branding portion of Site Settings visible to Admins.

Or PRs welcome on GitHub - flathub/website: Monorepo with website and API?

They are different, but it depends on your browsers favicon support, heres firefox:

image

Here is librewolf

Chromium
image

Gnome Web (probably safari too)