티스토리 회색new 아이콘 색 입히기

글을 시작함에 있어 본 자료는 https://hemil03.tistory.com/434#google_vignette 가 원문이며 https://hemil03.tistory.com/ 슬기로운잡학다식생활님의 블로그에서 퍼왔음을 고지 드립니다.

 

카테고리 관리서 새글 여부 설정을 변경할 경우

주황색 New 아이콘이 회색으로 변하는 버그아닌 버그가 있습니다.

아래 날자를 수정해주면

카테고리 New 아이콘이 회색으로 나와요.ㅠㅠ

이럴경우 스킨편집 > CSS에서 한줄 추가를 통해 간단히 해결 보실 수 있습니다.

 

스킨편집 > HTML편집 > CSS로 이동해주세요

그리고 맨첫번째 라인에

아래의 코드를 입력후 저장해 주면 끝!!!

/* NEW 아이콘 변경 */
img[src*="new_ico_1"]{filter: sepia(100%) hue-rotate(315deg) saturate(500%) contrast(100%);}

 

옵션에 대해 알려드릴게요.

1. sepia (세피아톤)

이미지를 세피아톤으로 바꿔줌 / 값0 = 흑백 / 값의 범위 = 0~100% / 컬러로 하고싶을 경우 100%

2. hue-rotate (색조)

색상 값 을 변경하는 부분으로 0~360deg 까지 있다.

티스토리 기본 New컬러값은 315deg

값을 0~360deg까지 수정해 가며, 내 블로그에 맞는 컬러로 설정하면 됨

3. saturate (채도)

채도를 나타내는 속성으로, 0~1000% 값 중 원하는 숫자로 설정하면 됨.

티스토리 기본 New컬러의 진한 주황색을 바란다면, 500%로 설정

4. contrast (대비)

대비를 관장하는 옵션으로

0% = 검게, 100% = 기본

5. 결론

   = 2. hue-rotate (색조) 와 3. saturate (채도)만 건들어주면 된다

 

티스토리 버그 짜증난다요 ㅠㅠ