Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
// Объявляем функцию глобально
window.toggleTheme = function() {
document.body.classList.toggle('dark-theme');
localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light');
};
// Загружаем сохраненную тему
document.addEventListener('DOMContentLoaded', function() {
var savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
document.body.classList.add('dark-theme');
}
});
// Добавляем кнопку для Citizen
mw.hook('citizen.load').add(function() {
// Создаем кнопку
var button = document.createElement('button');
button.innerHTML = '🌓 Тема';
button.style.margin = '0 10px';
button.style.padding = '8px 12px';
button.style.cursor = 'pointer';
button.style.background = 'var(--background-color)';
button.style.color = 'var(--color-base)';
button.style.border = '1px solid var(--border-color-base)';
button.style.borderRadius = '4px';
button.onclick = toggleTheme;
// Вставляем кнопку в верхнюю панель Citizen
var headerTools = document.querySelector('.citizen-header__tools');
if (headerTools) {
headerTools.insertBefore(button, headerTools.firstChild);
} else {
var citizenHeader = document.querySelector('.citizen-header');
if (citizenHeader) {
citizenHeader.appendChild(button);
}
}
});