MediaWiki:Common.js: Difference between revisions
From Lenn's Fun Stuff
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Dark Mode Toggle for Anisa | /* Dark Mode Toggle for Anisa - Forceful Version */ | ||
$(function() { | $(function() { | ||
var $toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>'); | |||
var toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>'); | $('#p-personal ul').first().append($toggle); | ||
$(' | |||
toggle.on('click', function(e) { | function applyDarkMode(isDark) { | ||
if (isDark) { | |||
$('body, #mw-content-block, .anisa-main-container, #content').addClass('dark-mode'); | |||
} else { | |||
$('body, #mw-content-block, .anisa-main-container, #content').removeClass('dark-mode'); | |||
} | |||
} | |||
$toggle.on('click', function(e) { | |||
e.preventDefault(); | e.preventDefault(); | ||
$('body'). | var turningOn = !$('body').hasClass('dark-mode'); | ||
applyDarkMode(turningOn); | |||
localStorage.setItem('anisa-dark-mode', turningOn ? 'on' : 'off'); | |||
localStorage.setItem('anisa-dark-mode', | |||
}); | }); | ||
// | // Run on load | ||
if (localStorage.getItem('anisa-dark-mode') === 'on') { | if (localStorage.getItem('anisa-dark-mode') === 'on') { | ||
applyDarkMode(true); | |||
} | } | ||
}); | }); | ||
Revision as of 00:15, 12 March 2026
/* Dark Mode Toggle for Anisa - Forceful Version */
$(function() {
var $toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>');
$('#p-personal ul').first().append($toggle);
function applyDarkMode(isDark) {
if (isDark) {
$('body, #mw-content-block, .anisa-main-container, #content').addClass('dark-mode');
} else {
$('body, #mw-content-block, .anisa-main-container, #content').removeClass('dark-mode');
}
}
$toggle.on('click', function(e) {
e.preventDefault();
var turningOn = !$('body').hasClass('dark-mode');
applyDarkMode(turningOn);
localStorage.setItem('anisa-dark-mode', turningOn ? 'on' : 'off');
});
// Run on load
if (localStorage.getItem('anisa-dark-mode') === 'on') {
applyDarkMode(true);
}
});