MediaWiki:Vector.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

// Иконочки слева от элементов. Очередной костыль
function createIcon(container, image, size) {
  const parent = document.getElementById(container);
  if (container) {
    const icon = document.createElement("img");
    icon.id = container + "-icon";
    icon.src = image;
    icon.height = size;
    icon.width = size;

    container.parentNode.insertBefore(icon, parent);
  }
}

// Кнопочка для переключения темы на светлую и обратно.
function createThemeToggleButton() {
  var container = document.getElementById("p-personal");
  if (container) {
      var checkbox = document.createElement("input");
      checkbox.type = "checkbox";
      checkbox.id = "theme-toggle";

      var label = document.createElement("label");
      label.htmlFor = "theme-toggle";
      label.id = "theme-button";

      container.parentNode.insertBefore(checkbox, container);
      container.parentNode.insertBefore(label, container);
  }

  var isLightTheme = localStorage.getItem("isLightTheme");
  if (isLightTheme === "true") {
      document.documentElement.classList.add('light');
  } else {
      document.documentElement.classList.remove('light');
  }

  $("#theme-toggle").change(function() {
      toggleTheme();
  });
}

function toggleTheme() {
  var isLightTheme = document.documentElement.classList.toggle('light');
  localStorage.setItem("isLightTheme", isLightTheme);
}

createIcon(ui-id-1, 'https://upload.wikimedia.org/wikipedia/commons/3/32/Simple_Icon_Eye.svg', 32px);
createThemeToggleButton();