MediaWiki:Common.js: Difference between revisions

MediaWiki:Common.js (view source)

997 bytes added , 28 January 2022

Amend dark mode code

12,721

edits

@@ Line 544: / Line 544: @@
    }
 }
+function toggleDarkMode() {
+ document.body.classList.toggle('darkMode');
+ localStorage.setItem('darkMode', localStorage.getItem('darkMode') !== 'true');
+}
 $(document).ready(function () {
-  if (document.getElementsByClassName('stickyHeader').length > 0) {
+ if (document.getElementsByClassName('stickyHeader').length > 0) {
-    setStickyHeaderTop();
+ setStickyHeaderTop();
-    $(window).resize(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();
+ });
+} );