Difference between revisions of "MediaWiki:Vector.js"

From Foundation - Wiki
Jump to navigation Jump to search
(Created page with "→‎All JavaScript here will be loaded for users of the Vector skin: const wikiStorage = window.localStorage; var darkMode = wikiStorage.getItem('darkMode'); if (darkMode == null) { window.localStorage.setItem('darkMode', 0); } var footerLinks = document.getElementById('footer-places'); var modeSwitch = document.createElement('li'); modeSwitch.setAttribute('id', 'footer-places-skin-mode'); modeSwitch.setAttribute('onclick', 'switchSkin()'); function switchSkinShared(...")
(No difference)

Revision as of 16:39, 18 February 2022

/* All JavaScript here will be loaded for users of the Vector skin */
const wikiStorage = window.localStorage;
var darkMode = wikiStorage.getItem('darkMode');
if (darkMode == null) {
	window.localStorage.setItem('darkMode', 0);
}

var footerLinks = document.getElementById('footer-places');
var modeSwitch = document.createElement('li');
modeSwitch.setAttribute('id', 'footer-places-skin-mode');
modeSwitch.setAttribute('onclick', 'switchSkin()');

function switchSkinShared() {
	if (darkMode == 1) {
		bodyTag = document.getElementsByTagName('body');
		bodyTag[0].classList.add('mw-dark-mode');
		modeSwitch.innerHTML = 'Light Mode';
	} else {
		bodyTag = document.getElementsByTagName('body');
		bodyTag[0].classList.remove('mw-dark-mode');
		modeSwitch.innerHTML = 'Dark Mode';
	}
}


function switchSkin() {
	if (darkMode == 0) {
		wikiStorage.setItem('darkMode', 1);
	} else {
		wikiStorage.setItem('darkMode', 0 );
	}
	wikiStorage.getItem('darkMode');
	switchSkinShared();
}

switchSkinShared();
footerLinks.appendChild(modeSwitch);