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