이 포스팅은 tistory 스킨 #1을 기준으로 작성된 것입니다. 계기 현재 Tistory에서 제공하는 #1 스킨을 사용중입니다. 평소 모니터를 3대를 사용중인데 이 스킨을 사용하면서 피벗 모니터에서 블로그 글을 보았을 때는 세로가 길어 가독성이 괜찮아 보였다가 반대로 피벗이 아닌 평범한 16:9 비율의 환경에서 글을 보았을 때 글의 내용이 상단바에 가려져 가독성이 좋지 않아 글을 읽기가 불편한 것 같다라는 생각을 하게 되었습니다. '글을 읽을 경우 상단바를 없애면 읽기 편하지 않을까?' 라는 호기심에 이 기능을 만들어보게 되었습니다. :) github 저장소는 아래에 있습니다! :) sukvvon/tistory-top-bar-visible css .hidden { animation: hi..
나만 없는 다크모드,,, 본 포스팅은 티스토리 #1을 기준으로 합니다. velog나 notion 그리고 github.io를 이용하는 블로거분들의 페이지를 방문할 때가 있습니다. 그리고 이 분들과 저의 차이점, 그리고 부러운 점이 하나 있었습니다. 바로 다크모드 테마가 있다는 것이었습니다... 평소 tistory에서 제공하는 #1 스킨을 사용하는 저는 다크모드 그리고 다크모드와 라이트모드를 사용자 기호에 맞게 사용할 수 있는 토글도 없었습니다. 그래서 저의 티스토리 블로그 테마에 다크모드와 라이트모드 토글을 구현하였습니다. FOCU 현상 문제 ... 처음에 구현할 때 theme.js와 themeToggle.js의 내용을 모두 합하여 코드를 작성하고 태그 제일 하단에 태그를 추가하고 테스트를 하였습니다. 그..
