다크모드가 대세인 요즘

레이아웃을 다크모드로 한번 꾸며 보고자 도전을 해 보았는데

이게 생각보다 쉽지를 않네요.

웹지기님의 팁 을 기초 삼아서 처음엔 mh_justice 레이아웃에 접목해 봤는데 

justice 레이아웃이 선택 할 수 있는 칼라 선택의 조건이 너무 많아서 포기!!!

그래서 가장 간단한 레이아웃인 mh_white 레이아웃으로 재도전 해 보았습니다.

이건 설정들이 거의 없어서 쉽게 적용이 되더군요.

그런데 레이아웃은 적용이 잘 되는데 스케치북 게시판이나 위젯들도 설정을 해 줘야 되더군요.

그래서 약간의 변형을 적용해서 코드에 * 를 붙이니 거의 모든 게시판이나 위젯들도 수정없이 다크모드로 적용이 됩니다.

사용해 보실 분은 첨부파일 다운 받으시면 됩니다.

body.color_scheme_dark * { color:var(--color-black) !important; background-color:var(--color-white) !important; border-color:#555 !important; }

그런데 * 를 적용하고 나니 문제가 생깁니다.

라이트모드일때 위젯들의 썸네일이 잘 보이는데

다크모드로 전환하면 잘 출력되는 위젯들도 있는 반면 특정 위젯들의 썸네일들이 다크모드의 배경색으로 바뀌어 버립니다.

이것뿐만 아닌라 게시판에서도 지도 출력하는 부분의 배경이 다크모드로 바뀌어 버리네요.

그런데 * 를 제거하면 게시판이나 위젯들이 다크모드로 전환이 완벽히 되지를 않습니다.

[ * 붙인 경우 ]

[ * 땐 경우 ]

그런다고 일일이 게시판이나 위젯들을 손 보는 것은 너무나 많은 작업을 거쳐야 하고 거의 불가능에 가깝습니다.

그래서 저의 결론은 다크모드를 레이아웃에 적용하는 것 보다,

다크모드를 원하는 접속자들의 브라우즈를 다크모드로 변경해서 접속을 유도하는 것이 더 좋은 선택이 아닐까 하는 생각이 듭니다.

( 비겁한 변명입니다, 탕!탕!탕! ) -- 누군가의 외침이 들리는 것만 같네요 ^.^!

크롬에서 제가 사용하는 다크모드 확장프로그램으로 아래 것을 추천합니다.

https://chrome.google.com/webstore/detail/dark-mode/fpneimadkgmbkijjeomfgchpbjblepnp/related

간단하면서도 완벽에 가까운 기능을 발휘합니다.