목록frontend (1)

방구석 IT

티스토리 기본 스킨(#2)에 다크 모드 적용하기

블로그에 올라온 글을 볼 때 화면이 너무 밝아서 눈이 아프다는 피드백을 받았다.지금 사용하는 기본 스킨의 구성이 너무 마음에 들지만 다크 모드가 기본적으로 지원하지 않기 때문에 직접 다크 모드 기능을 추가해 보고자 한다. 스킨에 대한 저작권이 티스토리에 있기에 추가되는 내용만 작성하고 전체 코드와 파일은 첨부하기 힘들다. 목표티스토리 기본 스킨(#2)에 다크 모드 기능 추가하기 먼저 다크 모드에 필요한 조건을 정리해보자. 조건다크 모드 활성/비활성 버튼 생성다크 모드 시 배경은 어두워지고 글자의 색은 밝아지거나 반전프로필 이미지, 아이콘, 배너 이미지, 게시글 이미지 등과 같은 요소는 다크 모드에 영향을 받지 않음다크 모드 여부는 접속자 개인의 기본 환경값과 동일하게 자동 적용지정한 다크 모드 재접속 ..
Tech 학습 및 정리/Frontend 2025. 2. 7. 03:41
이전 Prev 1 Next 다음