참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 특정 클래스이름을 된 오브젝트 - 다크 모드일 때 색상 바꾸기*/
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;
}
}
}