라이트모드 다크모드 변경토글이 안되는거 같아요.
PC를 바꿔가면서 해봐도 안되고 모바일 기기에서도 모드 변경 반응이 없네요.
답변 4개 / 댓글 2개
css를 수정하세요.
default.css에서
. 을 # 으로
답변에 대한 댓글 2개
sinbi@리자 님, g6 샘플 사이트도 다크모드 안 되네요. 버그 발생한 듯.
둘레아빠님 알려주셔서 감사합니다.
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">
답변을 작성하려면 로그인이 필요합니다.
g6/template/basic/static/css/default.css
css 파일은 찾았는데 어느 부위를 수정하면 될까요...?