사실 이걸 제일 공들였는데, 제대로 되지 않아 몹시 슬픕니다 ㅠㅠ
대표 블로그의 알림을 받아오는 스크립트인데, 스킨 편집 창에선 제대로 보이는데 그냥 블로그에선 작동을 안 하더라고요 ㅠㅠ
헤더에 메뉴를 하나 추가했습니다.
본인의 대표 블로그의 이미지가 표시되고, 클릭하면 드랍다운 메뉴가 펼쳐집니다.
로그인/아웃이 이 메뉴 아래로 옮겨왔고, 어두운 모드를 활성화할 수 있습니다.
어두운 모드는 쿠키로 저장되어, 페이지를 옮겨가도 다시 활성화할 필요가 없습니다.
쿠키를 불러와서 html에 class를 추가하기까지 정말 짧은 시간이긴 하지만 시간이 걸려서, 로딩창을 모든 창에 추가했습니다.
홈 화면에선 모든 요소를 불러오고 로딩창을 애니메이션과 함께 천천히 없애지만, 다른 창에서까지 반복적으로 지루한 화면을 보고 있을 필요가 없으니, document ready와 함께 즉시 사라지도록 했습니다.
티스토리 툴바에서 유용한 것들은 가져오려고 했는데, 그나마 넣을만한 게 랜덤 블로그뿐이라 일단 그거라도 넣어뒀습니다.
어두운 모드로 전환 시 그래디언트의 색과 헤더 메뉴들의 색이 같거나 비슷해 가독성을 떨어뜨려서, 스크롤 인디케이터의 위치/높이를 조정했습니다.
버그 수정
- 더는 드랍다운 메뉴의 자식 요소를 클릭해도 드랍다운 메뉴가 닫히지 않습니다.
