다크 모드

최종 수정일: | #블로그 운영

블로그에 다크 모드 기능을 추가했습니다. 왼쪽 위의 버튼을 누르면 다크 모드와 라이트 모드 사이의 변환이 가능합니다. 대충 짠 코드라 아직 좀 허술합니다.

prefers-color-scheme: dark도 사용했으므로 스마트폰이나 컴퓨터에서 자체적으로 다크 모드를 사용했을 경우에도 대응합니다. 다만 이때는 버튼을 아무리 눌러도 반응은 없습니다.

이 짧은 스크립트를 적용하면서 PageSpeed Insights 점수는 모바일 99점으로, 1점 내려갔습니다. 네, 이건 여담입니다.

댓글 없음