MediaWiki:Citizen.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 这里所有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'] });
});