MediaWiki:Gadget-dark-mode-toggle.js: Difference between revisions

Revision as of 14:19, 26 January 2023

Latest revision as of 15:48, 28 April 2025

(14 intermediate revisions by 6 users not shown)

Line 34:

function vectorStickyCallback() {

mw.hook('vector.page_title_scroll').remove(vectorStickyCallback);

if (document.getElementById('pt-darkmode-sticky-header')) return;

makePortletLink('p-personal-sticky-header', 'pt-darkmode-sticky-header', '#pt-watchlist-sticky-header');

// Work around lack of icon in sticky header

$('#pt-darkmode-sticky-header span:only-child')

.before($('<span>').addClass('mw-ui-icon mw-ui-icon-vector-gadget-pt-darkmode'));

mw.hook('vector.page_title_scroll').remove(vectorStickyCallback);

}

Line 52 ⟶ 48:

function getMsg(suffix) {

var key = 'darkmode-turn-' + (isOn ? 'onoff' : 'offon') + '-' + suffix;

return mw.msg(key);

}

Line 72 ⟶ 68:

case 'vector-2022':

case 'minerva':

labelSelector = '#pt-darkmode span:not(.mw-ui-icon:empty), #pt-darkmode-sticky-header span:not(.mw-ui-icon:empty)';

break;

default:

Line 88 ⟶ 84:

var $gadgetsLink = $('link[rel="stylesheet"][href^="' + scriptPath + '?"][href*="ext.gadget."]');

if ($gadgetsLink.length) {

var uriurl = new mw.UriURL($gadgetsLink.prop('href'));

if (isOn) {

uriurl.querysearchParams.set('modules', url.searchParams.get('modules') += ',dark-mode');

} else {

if (uriurl.querysearchParams.get('modules') === 'ext.gadget.dark-mode') {

// dark-mode is the only module in this link

$gadgetsLink.remove();

return;

}

uriurl.querysearchParams.set('modules', = uriurl.querysearchParams.get('modules')

.replace('ext.gadget.dark-mode,', 'ext.gadget.') // dark-mode is first in the gadget list

.replace(/,dark-mode(,|$)/, '$1')); // dark-mode is in middle or end of the list

}

$gadgetsLink.prop('href', uriurl.getRelativePath()pathname + url.search);

} else {

// No gadget-containing styles are enabled

Line 156 ⟶ 152:

$.when($.ready, mw.loader.using(['mediawiki.util', 'mediawiki.api', 'mediawiki.Uri', 'mediawiki.storage'])).then(function () {

setHtmlClass();

setThemeColor();