티스토리 새글 작성시 회색 아이콘 변경

저는 현재 북클럽 스킨을 수정하여 사용 중인데 새 글 작성 시 아이콘이 회색으로 나옵니다.

예전에는 오렌지색으로 나와서 눈에 확 띄었는데 스킨이 그런 건지 눈에 잘 안 들옵니다.

 

검색해 보니 오렌지색 이미지 파일을 업로드하여 새 글에서 아이콘을 변경하여 표시해 주는 방법이 있던데 이 방법 말고 아주 더 쉬운 방법이 있습니다. 

 

스킨 편집 메뉴의 CSS 마지막에 아래 코드 한 줄만 넣으면 됩니다. 

 

티스토리에서는 새 글을 작성하면 카테고리에 new_ico_1.gif를 표시해 주는데 이 이미지 파일을 CSS에서 제공해주는 filter 속성을 사용하여 오렌지색으로 컬러를 변경해 주는 코드입니다.

img[src*="new_ico_1"]{filter: sepia(100%) hue-rotate(-45deg) saturate(1000%) contrast(100%);}

 

CSS 코드 적용 후 새로고침을 하여 보면 아래와 같이 새 글의 아이콘이 오렌지색으로 변경되었습니다.