라이트모드 다크모드 변경토글이 안되는거 같아요.
본문
라이트모드 다크모드 변경토글이 안되는거 같아요.
PC를 바꿔가면서 해봐도 안되고 모바일 기기에서도 모드 변경 반응이 없네요.
답변 4
css를 수정하세요.
default.css에서
. 을 # 으로
앗.. 저도 안되네요.
g6/template/basic/static/css/default.css
css 파일은 찾았는데 어느 부위를 수정하면 될까요...?
채택 감사 합니다.
둘레아빠님 알려주셔서 감사합니다.
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">
