메뉴 여닫기
개인 메뉴 토글
로그인하지 않음
만약 지금 편집한다면 당신의 IP 주소가 공개될 수 있습니다.

미디어위키:Citizen.js

이터널리턴 이스포츠 위키
Mongsil (토론 | 기여)님의 2024년 10월 14일 (월) 13:48 판 (새 문서: →‎여기의 모든 자바스크립트는 시티즌 스킨을 사용하는 사용자에게 로드됩니다: <script> document.addEventListener("DOMContentLoaded", function() { const logo = document.querySelector(".mw-logo-icon"); if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // 다크 모드일 때 logo.src = "https://mongsil.dev/resources/assets/ESPORTS-solid.svg"; } else { // 라이트 모드일 때...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* 여기의 모든 자바스크립트는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
<script>
document.addEventListener("DOMContentLoaded", function() {
    const logo = document.querySelector(".mw-logo-icon");

    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        // 다크 모드일 때
        logo.src = "https://mongsil.dev/resources/assets/ESPORTS-solid.svg";
    } else {
        // 라이트 모드일 때
        logo.src = "https://mongsil.dev/resources/assets/ESPORTS-transparent.svg";
    }

    // 다크 모드가 변경되면 감지
    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
        if (e.matches) {
            // 다크 모드로 변경됨
            logo.src = "https://mongsil.dev/resources/assets/ESPORTS-solid.svg";
        } else {
            // 라이트 모드로 변경됨
            logo.src = "https://mongsil.dev/resources/assets/ESPORTS-transparent.svg";
        }
    });
});
</script>