МедияУики:Common.js: Разлика между версии

От WIKI-TONI
Направо към навигацията Направо към търсенето
(Нова страница: „→‎Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители.: →‎🌙 Тъмен режим: .dark-mode body { background-color: #121212 !important; color: #e0e0e0 !important; } .dark-mode #content, .dark-mode .mw-body { background-color: #1e1e1e !important; color: #ddd !important; } .dark-mode a { color: #80c8ff !important; } .dark-mode pre, .dark-mode code { bac...“)
 
Редакция без резюме
 
(Не са показани 6 междинни версии от същия потребител)
Ред 1: Ред 1:
/* Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители. */
/* Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители. */
/* 🌙 Тъмен режим */
/* 🌙 Тъмен режим */
.dark-mode body {
console.log("✅ Common.js се зарежда!");
   background-color: #121212 !important;
function initDarkModeToggle() {
   color: #e0e0e0 !important;
  if (!document.body) {
}
    return setTimeout(initDarkModeToggle, 100); // изчакай, ако body още не е заредено
  }
 
  const toggle = document.createElement("button");
  toggle.innerText = "🌙";
  toggle.id = "darkModeToggle";
  toggle.style.position = "fixed";
   toggle.style.top = "15px";
  toggle.style.right = "15px";
  toggle.style.zIndex = "9999";
  toggle.style.padding = "8px 12px";
  toggle.style.borderRadius = "8px";
  toggle.style.border = "none";
  toggle.style.background = "#333";
   toggle.style.color = "#fff";
  toggle.style.cursor = "pointer";
  toggle.style.fontSize = "18px";
  toggle.title = "Превключи тъмен/светъл режим";
 
  document.body.appendChild(toggle);


.dark-mode #content,
  const enableDark = () => {
.dark-mode .mw-body {
    document.documentElement.classList.add("dark-mode");
  background-color: #1e1e1e !important;
    localStorage.setItem("darkMode", "on");
   color: #ddd !important;
    toggle.innerText = "☀️";
}
   };


.dark-mode a {
  const disableDark = () => {
  color: #80c8ff !important;
    document.documentElement.classList.remove("dark-mode");
}
    localStorage.setItem("darkMode", "off");
    toggle.innerText = "🌙";
  };


.dark-mode pre,
  toggle.addEventListener("click", () => {
.dark-mode code {
    if (document.documentElement.classList.contains("dark-mode")) {
  background-color: #2a2a2a !important;
      disableDark();
  color: #e0e0e0 !important;
    } else {
}
      enableDark();
    }
  });


.dark-mode .mw-headline {
  if (localStorage.getItem("darkMode") === "on") {
   color: #ffdd88 !important;
    enableDark();
   }
}
}


.dark-mode table {
initDarkModeToggle();
  background-color: #222 !important;
}


.dark-mode .infobox {
// БУТОН КОПИРАЙ КОДА
  background-color: #2e2e2e !important;
  border-color: #555 !important;
}

Текуща версия към 11:10, 2 април 2025

/* Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители. */
/* 🌙 Тъмен режим */
console.log("✅ Common.js се зарежда!");
function initDarkModeToggle() {
  if (!document.body) {
    return setTimeout(initDarkModeToggle, 100); // изчакай, ако body още не е заредено
  }

  const toggle = document.createElement("button");
  toggle.innerText = "🌙";
  toggle.id = "darkModeToggle";
  toggle.style.position = "fixed";
  toggle.style.top = "15px";
  toggle.style.right = "15px";
  toggle.style.zIndex = "9999";
  toggle.style.padding = "8px 12px";
  toggle.style.borderRadius = "8px";
  toggle.style.border = "none";
  toggle.style.background = "#333";
  toggle.style.color = "#fff";
  toggle.style.cursor = "pointer";
  toggle.style.fontSize = "18px";
  toggle.title = "Превключи тъмен/светъл режим";

  document.body.appendChild(toggle);

  const enableDark = () => {
    document.documentElement.classList.add("dark-mode");
    localStorage.setItem("darkMode", "on");
    toggle.innerText = "☀️";
  };

  const disableDark = () => {
    document.documentElement.classList.remove("dark-mode");
    localStorage.setItem("darkMode", "off");
    toggle.innerText = "🌙";
  };

  toggle.addEventListener("click", () => {
    if (document.documentElement.classList.contains("dark-mode")) {
      disableDark();
    } else {
      enableDark();
    }
  });

  if (localStorage.getItem("darkMode") === "on") {
    enableDark();
  }
}

initDarkModeToggle();

// БУТОН КОПИРАЙ КОДА