Anonymous

MediaWiki:Common.js: Difference between revisions

From Melvor Idle

MediaWiki:Common.js (view source)

Revision as of 00:13, 28 January 2022

511 bytes added ,  28 January 2022
Amend dark mode code
(Added dark mode toggle v1)
(Amend dark mode code)
(18 intermediate revisions by 2 users not shown)
Line 543: Line 543:
     }
     }
   }
   }
}
$(document).ready(function () {
  if (document.getElementsByClassName('stickyHeader').length > 0) {
    setStickyHeaderTop();
    $(window).resize(setStickyHeaderTop);
  }
}
function setItem(key, value) {
localStorage.setItem(key, JSON.stringify(value));
}
}


function getItem(key) {
let keydata = localStorage.getItem(key);
if (keydata == "undefined") return undefined;
return JSON.parse(keydata);
}
function toggleDarkMode() {
function toggleDarkMode() {
const darkMode = getItem("darkMode");
document.body.classList.toggle('darkMode');
if (darkMode !== true) {
localStorage.setItem('darkMode', localStorage.getItem('darkMode') !== 'true');
  setItem("darkMode", true);
  document.body.classList.add("darkMode");
}
else {
  setItem("darkMode", false);
  document.body.classList.remove("darkMode");
}
}
}
);
 
$(document).ready(function () {
if (document.getElementsByClassName('stickyHeader').length > 0) {
setStickyHeaderTop();
$(window).resize(setStickyHeaderTop);
}
 
const darkMode = localStorage.getItem('darkMode');
if (darkMode === 'true') {
document.body.classList.add('darkMode');
} else {
document.body.classList.remove('darkMode');
}
});
 
// Add dark mode links to "Wiki tools" and personal tools menus
$.when(mw.loader.using(['mediawiki.util']), $.ready).then( function() {
var dmLinkTools = mw.util.addPortletLink('p-tb', '#', 'Dark mode', 't-darkmode', 'Toggle between a dark and light theme', null, '#t-specialpages');
var dmLinkPersonal = mw.util.addPortletLink('p-personal', '#', 'Dark mode', 'pt-darkmode', 'Toggle between a dark and light theme', null, null);
dmLinkPersonal.style.marginTop = '0.5rem';
$(dmLinkTools).on('click', function(e) {
e.preventDefault();
toggleDarkMode();
});
$(dmLinkPersonal).on('click', function(e) {
e.preventDefault();
toggleDarkMode();
});
} );
Retrieved from "https://wiki.melvoridle.com/w/Special:MobileDiff/45553...50280"