查看“︁MediaWiki:Citizen.js”︁的源代码

/* 这里所有JavaScript都会加载给Citizen皮肤的用户 */

// 添加powered by logo
$(function () {
    // 插入 Citizen footer 图标
    function ensureCitizenFooterIcon() {
        if ($('#footer-poweredbycitizenico').length) return;

        var $smw = $('#footer-poweredbysmwico');
        if ($smw.length) {
            $smw.after(
			  '<li id="footer-poweredbycitizenico">' +
			    '<a href="https://github.com/StarCitizenTools/mediawiki-skins-Citizen" ' +
			       'class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled" ' +
			       'target="_blank">' +
			      '<img src="/resources/assets/poweredby-citizen-dark.svg" alt="Powered by Citizen" width="88" height="31" loading="lazy">' +
			    '</a>' +
			  '</li>'
			);
        }
    }

    ensureCitizenFooterIcon();

    // 监听主题切换，更新图标
    function updateCitizenIcon() {
        var theme = document.documentElement.classList.contains('skin-theme-clientpref-night') ? 'dark' : 'light';
        var src = theme === 'dark' ? '/resources/assets/poweredby-citizen-dark.svg' : '/resources/assets/poweredby-citizen.svg';
        $('#footer-poweredbycitizenico img').attr('src', src);
    }

    updateCitizenIcon();
    var htmlObserver = new MutationObserver(updateCitizenIcon);
    htmlObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
});