미디어위키:Liberty.js

/* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
const header = document.querySelector('.liberty-content-header');

function applyDarkMode() {
    // 다크 모드 확인
    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        header.style.backgroundColor = '#333';
        header.style.color = 'white';
    } else {
        header.style.backgroundColor = 'white';
        header.style.color = 'black';
    }
}

// 페이지 로드 시 다크 모드 적용
applyDarkMode();

// 다크 모드 상태 변경 시 스타일 적용
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', applyDarkMode);