테스트 사이트 - 개발 중인 베타 버전입니다

라이트모드 다크모드 변경토글이 안되는거 같아요. 채택완료

북덕방 1년 전 조회 1,989

라이트모드 다크모드 변경토글이 안되는거 같아요.

PC를 바꿔가면서 해봐도 안되고 모바일 기기에서도 모드 변경 반응이 없네요.

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
들레아빠

css를 수정하세요.

default.css에서 

. 을 # 으로

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

반치용
1년 전
앗.. 저도 안되네요.
g6/template/basic/static/css/default.css

css 파일은 찾았는데 어느 부위를 수정하면 될까요...?
들레아빠
1년 전
채택 감사 합니다.

댓글을 작성하려면 로그인이 필요합니다.

녹두탐
1년 전

안녕하세요. 해당 기능에 오류가 있는 것으로 확인되어 아래 작업을 통해 수정했습니다.

https://github.com/gnuboard/g6/pull/514">fix: 다크모드 버튼 오류 수정 #514

 

제보해주셔서 감사합니다 :) 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
1년 전

@리자 님, g6 샘플 사이트도 다크모드 안 되네요. 버그 발생한 듯. 

https://g6.demo.sir.kr/

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

1년 전

둘레아빠님 알려주셔서 감사합니다. 

css만 바꿔서는 안되고 base.html 부분도 바꿔줘야 하네요. 
아래와 같이 수정해주면 됩니다.


../templates/basic/static/css/default.css, 184~187
#darkmode-toggle-switch { position:fixed; bottom:20px; right:80px; width:50px; height:50px; border:0; text-align:center; border-radius: 3px; background: var(--primaryColor); color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; }

#darkmode-toggle-switch .visible { width:24px; height:24px; vertical-align:middle; }

#darkmode-toggle-switch .visible.dark { display: var(--lightVisible) }

#darkmode-toggle-switch .visible.bright { display: var(--darkVisible) }

../templates/basic/base.html, 213번
    <button type="button" id="darkmode-toggle-switch">

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인