MediaWiki:Vector.js: различия между версиями

Нет описания правки
Метка: отменено
Нет описания правки
Метки: ручная отмена отменено
Строка 1: Строка 1:
jQuery(document).ready(function($) {
$(document).ready(function() {
  var button = document.createElement("button");
  button.innerHTML = "Сменить тему";
  button.className = "theme-button";
  button.onclick = toggleTheme;
 
  var container = document.getElementById("p-personal");
  if (container) {
      container.parentNode.insertBefore(button, container);
  }
 
   var isLightTheme = localStorage.getItem("isLightTheme");
   var isLightTheme = localStorage.getItem("isLightTheme");
   if (isLightTheme === "true") {
   if (isLightTheme === "true") {
       $("html").addClass("light");
       document.documentElement.classList.add('light');
  } else {
      document.documentElement.classList.remove('light');
   }
   }
});


  var button = $('<button class="theme-button">Сменить тему</button>');
function toggleTheme() {
 
  var isLightTheme = document.documentElement.classList.toggle('light');
  button.click(function() {
  localStorage.setItem("isLightTheme", isLightTheme);
      $("html").toggleClass("light");
}
      var isLightTheme = $("html").hasClass("light");  
      localStorage.setItem("isLightTheme", isLightTheme);  
  });
 
  $("#p-personal").before(button);
});

Версия от 16:45, 4 мая 2024

$(document).ready(function() {
  var button = document.createElement("button");
  button.innerHTML = "Сменить тему";
  button.className = "theme-button";
  button.onclick = toggleTheme;

  var container = document.getElementById("p-personal");
  if (container) {
      container.parentNode.insertBefore(button, container);
  }

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

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