안녕하세요? XE타운처럼 홈페이지를 다크모드로 꾸미고 싶은데.
css를 찾아서 일일히 변경을 해야 하나요?
아님 한꺼번에 변경해주는 기능이 따로 있을까요?
제가 사용중인 레이아웃이 다크모드를 지원하지 않아 문의를 드렸더니 업데이트 예정이 없다고 하더군요.
다른 분들은 일일히 css를 수정해서 사용중이신가요?
| PHP | PHP 7.4 |
|---|---|
| CMS | Rhymix 2.0 |
-
?
https://xetown.com/tips/1422171#comment_1675076
찾아보니 애드온이 있긴한데 설치를 해도 적용이 안되는군요. ㅜㅜ -
?
저게 적용이 좀 복잡할겁니다.
저걸로 해도 잘 저는 안됐어서
그냥 css 별도로 만들었네요 -
?
CSS를 일일이 수정해서 지원하는 방법이 가장 좋겠지만, 여의치 않다면 사이트 전체를 다크모드로 바꿔주는 라이브러리가 있긴 합니다.
https://github.com/darkreader/darkreader
개인적으로 항상 다크모드를 선호해서 Dark Reader 이라는 크롬 확장앱을 사용하고 있는데, 다크모드 미지원 사이트를 강제로 다크모드로 바꿔줍니다. 이게 사이트에 직접 적용할 수도 있더군요. 물론 가능하시다면 라이믹스 color_scheme와 연동해서 CSS로 지원하는 것이 가장 자연스럽고 좋겠죠. -
?
어렵네요. ㅎ 결국 css를 일일히 만져야 되는것인지... 갈 길이 멀군요.
-
?
대충 어떻게 적용되는지 확인해보시려면 사이트 여신 후에 F12 개발자도구 콘솔로 들어가서 아래 코드 입력해보시면 됩니다.
$('head').append('<script src=\'https://cdn.jsdelivr.net/npm/[email protected]/darkreader.min.js\'><\/script>');
DarkReader.enable(); -
전 이거 보고 적용했어요.
https://rxtip.kr/rx_tip/6941?_filter=search&search_target=title_content&search_keyword=%EB%8B%A4%ED%81%AC -
읽어봤는데 코딩을 모르는 저로써는 이해조차 안되네요 ㅎ
-
가장 정석인 방법은 studio02님의 자료 혹은 coinpan 사이트와 같이 구현하는 것이 낫습니다.
다크모드전용 dark.css 파일을 만든다음 거기에 dark관련 색상을 모조리 만들어서 때려박아 다크모드를 사용하는 것입니다.
해당 다크모드 는 웅돌프님이 올려주신 링크처럼 쿠키에 저장할 수 있어야 하고, 실제로 처음들어왔을때 깜빡임이 없을려면 PHP단위에서 다크모드 인지할 수 있는 방안도 채크해서 미리 body에 클래스를 추가해줄 수 있어야 합니다..ㅎㅎ -
찾아보니 Ink 스킨인거 같은데요. 현재는 판매하지 않은거 같아 아쉽네요.
보니 무척 이뻐서 재판매하면 구매하고 싶은 레이아웃입니다.
왜 판매를 중단하셨는지;;;; ㅜㅜ -
아.. 판매중단 하셧군요.
어떻게 될지는 모르겠지만. 해당 자료가 판매가 중단되었다면 PHP8.0이상으로 올라갈때 꾀 많은 사람들이 고생하겠네요..ㄷㄷ -
일단 Ink 스킨 판매요청 글을 남겨놓기는 했는데요...
https://studio02.co.kr/ink_default/77966
해당 경로에서 구매하기 링크를 클릭하니 반응이 없는걸 보니 판매중단한거 같은 느낌이... -
개인적인 사정으로 어쩔수 없이 중단하셨으리라 생각이 듭니다.
재개 해주실때까지 기다리는 수 박에 없지요. -
네 그래야겠습니다.
다크모드는 스킨 구매하면 해결되는 문제니 다른 부분만 신경쓰면 되겠네요 ㅎ
저는 CSS 전체다 손수 수정해서 사용합니다.