참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
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);