본 홈 사이트 가치할래는 아주 오래된 XE시절 "스케치북 레이아웃 + 스케치북 스킨"을 바탕으로 만들었다. 

XE코어를 거쳐 라이믹스로 오는 동안 php6 세대를 지나 지금은 php7~8세대 호환성 문제로 많은 부분의 오류 수정을 거치며 커스텀 해왔다.

 

사이트에 "다크모드"를 구현해 봐야지 하며 막연한 생각 만 해오다 라이믹스 공홈에서 괜찮은 tip을 발견했어..

이 팁을 기반으로 레이아웃의 블랙 컬러셋을 다크모드로 불러오고 게시판과 위젯 또한 레이아웃 설정에 따라 다크모드로 구워 오게 코딩하면 가능할듯 해..

 

물론 다크모드 (black.css 기반으로) 스타일을 적용하려면 많은 부분의 css 코드 수정이 있어야 겠지만 어쩻던 기본 로직은 tip에서 제시 되어 있으니 구현만 하면 되겠다.. 

 

아래 라이믹스 공홈 위자즈 님이 제시한 

* 스케치북 레이아웃+게시판 기본기능으로 다크모드 구현하기. 내용 기록  

 

---

레이아웃의 layout.html 파일을 열어

<load target="css/layout.css" />

밑에
<!--@if($_COOKIE["bgcolor"]=="black")-->
<load target="css/black.css" />
<!--@end-->

추가

 

다크모드 전환 버튼을 넣고 싶은 곳에

<!--@if($_COOKIE["bgcolor"]=="")-->
                <a href="{$url}" onclick="setCookie('bgcolor', 'black', 10000)">다크모드 켜기</a>
            <!--@end-->
            <!--@if($_COOKIE["bgcolor"]=="black")-->
                <a href="{$url}" onclick="setCookie('bgcolor', '', -1)">다크모드 끄기</a>
            <!--@end-->

입력

 

 

게시판 스킨에도 적용 하고 싶으면

__setting.html을 열어

<load target="css/board.css" />

밑에

<!--@if($_COOKIE["bgcolor"]=="black")-->
<load target="css/black.css" />
<!--@end-->

추가

 

CSS파일을 더 여러개 만들고 쿠키를 black이 아닌 다른걸로도 굽게 하면 여러색 선택도 가능

 

---