Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
// Объявляем функцию глобально
window.toggleTheme = function() {
document.body.classList.toggle('dark-theme');
localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light');
};
// Загрузка сохраненной темы
document.addEventListener('DOMContentLoaded', function() {
const theme = localStorage.getItem('theme');
if (theme === 'dark') document.body.classList.add('dark-theme');
});
// Добавляем кнопку через jQuery
mw.loader.using('jquery').then(function() {
$(function() {
const button = $('<button>')
.text('🌓 Тема')
.css({
position: 'fixed',
bottom: '20px',
right: '20px',
zIndex: 1000,
padding: '10px',
cursor: 'pointer',
background: '#fff',
border: '1px solid #000'
})
.on('click', toggleTheme);
$('body').append(button);
});
});