(다크 모드일 때 색상 변경하는 클래스 추가) |
(변수명 오류 수정) |
||
13번째 줄: | 13번째 줄: | ||
if (classListObj[j].indexOf('dark-mode-bgcolor-') ===0 ) { | if (classListObj[j].indexOf('dark-mode-bgcolor-') ===0 ) { | ||
var bgColorName = classListObj[j].slice(18); | var bgColorName = classListObj[j].slice(18); | ||
bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test( | bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(bgColorName)?"#"+bgColorName:bgColorName; | ||
darkModeObjects[i].style.background= bgColorName; | darkModeObjects[i].style.background= bgColorName; | ||
} | } | ||
if (classListObj[j].indexOf('dark-mode-backgroundcolor-') ===0 ) { | if (classListObj[j].indexOf('dark-mode-backgroundcolor-') ===0 ) { | ||
var bgColorName = classListObj[j].slice(27); | var bgColorName = classListObj[j].slice(27); | ||
bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test( | bgColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(bgColorName)?"#"+bgColorName:bgColorName; | ||
darkModeObjects[i].style.background= bgColorName; | darkModeObjects[i].style.background= bgColorName; | ||
} | } | ||
// 클래스명이 dark-mode-border-6자리색 또는 dark-mode-border-색상명 -> 다크모드일 때 경계선 색 바꾸기 | // 클래스명이 dark-mode-border-6자리색 또는 dark-mode-border-색상명 -> 다크모드일 때 경계선 색 바꾸기 | ||
if (classListObj[j].indexOf('dark-mode-border-') ===0 ) { | if (classListObj[j].indexOf('dark-mode-border-') ===0 ) { | ||
var | var borderColorName = classListObj[j].slice(17); | ||
borderColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(borderColorName)?"#"+borderColorName:borderColorName; | |||
darkModeObjects[i].style.borderColor= | darkModeObjects[i].style.borderColor= borderColorName; | ||
} | } | ||
if (classListObj[j].indexOf('dark-mode-bordercolor-') ===0 ) { | if (classListObj[j].indexOf('dark-mode-bordercolor-') ===0 ) { | ||
var | var borderColorName = classListObj[j].slice(22); | ||
borderColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(borderColorName)?"#"+borderColorName:borderColorName; | |||
darkModeObjects[i].style.borderColor= | darkModeObjects[i].style.borderColor= borderColorName; | ||
} | } | ||
} | } | ||
} | } |
2023년 4월 21일 (금) 00:41 기준 최신판
/* 특정 클래스이름을 된 오브젝트 - 다크 모드일 때 색상 바꾸기*/
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(bgColorName)?"#"+bgColorName:bgColorName;
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(bgColorName)?"#"+bgColorName:bgColorName;
darkModeObjects[i].style.background= bgColorName;
}
// 클래스명이 dark-mode-border-6자리색 또는 dark-mode-border-색상명 -> 다크모드일 때 경계선 색 바꾸기
if (classListObj[j].indexOf('dark-mode-border-') ===0 ) {
var borderColorName = classListObj[j].slice(17);
borderColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(borderColorName)?"#"+borderColorName:borderColorName;
darkModeObjects[i].style.borderColor= borderColorName;
}
if (classListObj[j].indexOf('dark-mode-bordercolor-') ===0 ) {
var borderColorName = classListObj[j].slice(22);
borderColorName = /([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})/.test(borderColorName)?"#"+borderColorName:borderColorName;
darkModeObjects[i].style.borderColor= borderColorName;
}
}
}