User:Nardog/dark-mode-toggle.js: Difference between revisions

Revision as of 01:54, 22 November 2022

Latest revision as of 09:26, 19 February 2025

(22 intermediate revisions by 2 users not shown)

Line 34:

function vectorStickyCallback() {

makePortletLink('p-personal-sticky-header', 'pt-darkmode-sticky-header', '#pt-watchlist-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);

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

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

}

Line 49 ⟶ 48:

function getMsg(suffix) {

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

return mw.msg(key);

}

Line 69 ⟶ 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 85 ⟶ 84:

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

if ($gadgetsLink.length) {

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

var modules = url.searchParams.get('modules');

if (isOn) {

uri.query.modules += ',dark-mode';

} else {

if (uri.query.modules === 'ext.gadget.dark-mode') {

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

$gadgetsLink.remove();

return;

}

uri.query.modules = uri.query.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

}

url.searchParams.set('modules', modules);

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

} else {

// No gadget-containing styles are enabled

Line 114 ⟶ 115:

function savePreferenceLocally() {

mw.user.options.set('gadget-dark-mode', Number(isOn));

// In case the user navigates to another page too quickly

mw.storage.session.set('dark-mode-toggled', isOn ? '1' : '0');