MediaWiki:Common.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
// Dark mode toggle function toggleDarkMode() { const body = document.body; body.classList.toggle('dark-mode'); // Save user preference in localStorage const isDarkMode = body.classList.contains('dark-mode'); localStorage.setItem('darkMode', isDarkMode); } // Check user preference on page load document.addEventListener('DOMContentLoaded', () => { const isDarkMode = localStorage.getItem('darkMode') === 'true'; const body = document.body; if (isDarkMode) { body.classList.add('dark-mode'); } }); // Add dark mode toggle to personal tools menu document.addEventListener('DOMContentLoaded', () => { const personalTools = document.getElementById('p-personal'); if (personalTools) { const darkModeToggle = document.createElement('li'); darkModeToggle.id = 'pt-darkmode'; darkModeToggle.className = 'mw-list-item'; darkModeToggle.innerHTML = '<a href="javascript:void(0);" onclick="toggleDarkMode();"><span>Dark mode</span></a>'; personalTools.querySelector('.vector-menu-content-list').appendChild(darkModeToggle); } });