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

Страница интерфейса MediaWiki
мНет описания правки
Метка: отменено
мНет описания правки
Метка: отменено
Строка 13: Строка 13:
});
});


// Добавляем кнопку в интерфейс Citizen
// Ждем полной загрузки скина
mw.hook('citizen.load').add(function() {
mw.hook('citizen.ready').add(function() {
    // Создаем кнопку
     const button = document.createElement('button');
     const button = document.createElement('button');
     button.innerHTML = '🌓 Тема';
     button.textContent = '🌓 Тема';
     button.style.cssText = `
     button.className = 'citizen-header__button';
        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;
     button.onclick = toggleTheme;
 
   
     // Вставляем кнопку в верхнюю панель Citizen
     // Добавляем кнопку рядом с иконкой пользователя
     const headerTools = document.querySelector('.citizen-header__tools');
     const userMenu = document.querySelector('.citizen-header__user');
     if (headerTools) {
     if (userMenu) {
        headerTools.prepend(button);
         userMenu.before(button);
    } else {
         // Альтернативное размещение, если структура изменилась
        document.querySelector('.citizen-header').append(button);
     }
     }
});
});

Версия от 14:16, 1 апреля 2025

// Объявляем функцию глобально
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');
    }
});

// Ждем полной загрузки скина
mw.hook('citizen.ready').add(function() {
    const button = document.createElement('button');
    button.textContent = '🌓 Тема';
    button.className = 'citizen-header__button';
    button.onclick = toggleTheme;
    
    // Добавляем кнопку рядом с иконкой пользователя
    const userMenu = document.querySelector('.citizen-header__user');
    if (userMenu) {
        userMenu.before(button);
    }
});