편집토론기록

사용자:Utolee90/liberty.js: 두 판 사이의 차이

< 사용자:Utolee90
(settimeout 실험)
(소스 추가)
8번째 줄: 8번째 줄:
if (mw.user.options.values['liberty-dark'] === 'dark' || window.matchMedia("(prefers-color-scheme:dark)").matches) {
if (mw.user.options.values['liberty-dark'] === 'dark' || window.matchMedia("(prefers-color-scheme:dark)").matches) {
   console.log('DARK');
   console.log('DARK');
  // 다크 테마 불러오기
   mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/liberty-dark.css&action=raw&ctype=text/css', 'text/css');
   mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/liberty-dark.css&action=raw&ctype=text/css', 'text/css');
   /* 특정 클래스이름을 된 오브젝트 - 다크 모드일 때 색상 바꾸기*/
   // 특정 클래스를 입력할 때 다크모드에서 색성 전환시키는 js 코드
  var darkModeObjects = $("span[class*='dark-mode-']")
    mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/liberty-dark.css&action=raw&ctype=text/css', 'text/css');
  for (var i=0; i<darkModeObjects.length; i++) {
      var classListObj = darkModeObjects[i].classList.value.split(" ");
      for (var j=0; j<classListObj.length; j++) {
          if (classListObj[j].indexOf('dark-mode-color-') ===0) {
              var colorName = classListObj[j].slice(16);
              colorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(colorName)?"#"+colorName:colorName;
              darkModeObjects[i].style.color= colorName;
          }
          if (classListObj[j].indexOf('dark-mode-bgcolor-') ===0) {
              var bgColorName = classListObj[j].slice(18);
              bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(colorName)?"#"+colorName:colorName;
              darkModeObjects[i].style.background= bgColorName;
          }
      }
  }
}
}
}, 500);
}, 500);

2023년 4월 21일 (금) 00:31 판

/* 위 아래 버튼입니다. */
// mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/Updown.js&action=raw&ctype=text/javascript');
console.log(mw.user.options.values['liberty-dark'], "TEST");

/* 다크 모드일 때 다크 테마 불러오기. 바로 바뀌지 않아서 0.5초후에 불러오는 것으로 변경 */
setTimeout(function(){
if (mw.user.options.values['liberty-dark'] === 'dark' || window.matchMedia("(prefers-color-scheme:dark)").matches) {
   console.log('DARK');
   // 다크 테마 불러오기
   mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/liberty-dark.css&action=raw&ctype=text/css', 'text/css');
   // 특정 클래스를 입력할 때 다크모드에서 색성 전환시키는 js 코드
    mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/liberty-dark.css&action=raw&ctype=text/css', 'text/css');
}
}, 500);

/* breadcrumb*/
mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/BreadCrumb.js&action=raw&ctype=text/javascript');
/* 리버티 스킨 네비게이션 사용자 아이콘 */
mw.loader.load('//librewiki.net/index.php?title=사용자:Utolee90/custom-navbar.js&action=raw&ctype=text/javascript');