사용자:Utolee90/dark-mode-color.js 문서 원본 보기

 /* 특정 클래스이름을 된 오브젝트 - 다크 모드일 때 색상 바꾸기*/
   var darkModeObjects = $("span[class*='dark-mode-']")
   for (var i=0; i<darkModeObjects.length; i++) {
      var classListObj = darkModeObjects[i].classList.value.split(" ");
      for (var j=0; j<classListObj.length; j++) {
          // 클래스명이 dark-mode-color-6자리색 또는 dark-mode-color-색상명(영어이름 또는 rgb(*,*,*) 등) -> 다크모드일 때 글씨 색 바꾸기
          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;
          }
          // 클래스명이 dark-mode-bgcolor-6자리색 또는 dark-mode-bgcolor-색상명 -> 다크모드일 때 배경 색 바꾸기
          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;
          }
          if (classListObj[j].indexOf('dark-mode-backgroundcolor-') ===0 ) {
              var bgColorName = classListObj[j].slice(27);
              bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(colorName)?"#"+colorName:colorName;
              darkModeObjects[i].style.background= bgColorName;
          }
          // 클래스명이 dark-mode-border-6자리색 또는 dark-mode-border-색상명 -> 다크모드일 때 경계선 색 바꾸기
          if (classListObj[j].indexOf('dark-mode-border-') ===0 ) {
              var bgColorName = classListObj[j].slice(17);
              bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(colorName)?"#"+colorName:colorName;
              darkModeObjects[i].style.borderColor= bgColorName;
          }
          if (classListObj[j].indexOf('dark-mode-bordercolor-') ===0 ) {
              var bgColorName = classListObj[j].slice(22);
              bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(colorName)?"#"+colorName:colorName;
              darkModeObjects[i].style.borderColor= bgColorName;
          }
      }
   }