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

(Отмена правки 72118, сделанной Aylong (обсуждение))
Метка: отмена
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
$(document).ready(function() {
$(document).ready(function() {
    var button = document.createElement("button");
  var button = document.createElement("button");
    button.innerHTML = "Сменить тему";
  button.innerHTML = "Сменить тему";
    button.className = "theme-button";
  button.className = "theme-button";
    button.onclick = toggleTheme;
  button.onclick = toggleTheme;


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


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


function toggleTheme() {
function toggleTheme() {
    var isLightTheme = document.documentElement.classList.toggle('light');
  var isLightTheme = document.documentElement.classList.toggle('light');
    localStorage.setItem("isLightTheme", isLightTheme);
  localStorage.setItem("isLightTheme", isLightTheme);
 
  setTimeout(function() {
      if (isLightTheme) {
          document.documentElement.style.setProperty('--color-fg', '#252525');
          document.documentElement.style.setProperty('--color-bg', '#ffffff');
      } else {
          document.documentElement.style.setProperty('--color-fg', '#ffffff');
          document.documentElement.style.setProperty('--color-bg', '#252525');
      }
  }, 10);
}
}

Версия от 16:34, 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);

  setTimeout(function() {
      if (isLightTheme) {
          document.documentElement.style.setProperty('--color-fg', '#252525');
          document.documentElement.style.setProperty('--color-bg', '#ffffff');
      } else {
          document.documentElement.style.setProperty('--color-fg', '#ffffff');
          document.documentElement.style.setProperty('--color-bg', '#252525');
      }
  }, 10);
}