const setLogoSources = (images) => {
  const isLight = window.matchMedia("(prefers-color-scheme: light)").matches;

  images.codeberg.src = isLight
    ? "/static/codeberg-logo_icon_blue.svg"
    : "/static/codeberg-logo_icon_white.svg";

  images.mastodon.src = isLight
    ? "/static/mastodon-logo-purple.svg"
    : "/static/mastodon-logo-white.svg";
};

addEventListener("DOMContentLoaded", (_) => {
  const logos = {
    codeberg: document.getElementById("codeberg"),
    mastodon: document.getElementById("mastodon"),
  };
  setLogoSources(logos);
  window
    .matchMedia("(prefers-color-scheme: light)")
    .addEventListener("change", (_) => setLogoSources(logos));
});