MediaWiki:Common.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

$(document).ready(function () {
  const toggle = $('<button>')
    .text('🌓')
    .attr('id', 'toggle-dark')
    .css({
      position: 'fixed',
      bottom: '1em',
      right: '1em',
      zIndex: 999,
      padding: '0.6em 0.8em',
      background: 'rgba(30,30,30,0.7)',
      color: '#ccc',
      border: 'none',
      borderRadius: '50%',
      fontSize: '1.2em',
      cursor: 'pointer',
      backdropFilter: 'blur(4px)'
    })
    .hover(
      function () { $(this).css('background', '#444'); },
      function () { $(this).css('background', 'rgba(30,30,30,0.7)'); }
    )
    .click(function () {
      $('body').toggleClass('dark-mode');
    });
  $('body').append(toggle);
});