HyunJun 기술 블로그

티스토리 본문 기본 글자 색상 변경하기 본문

ETC

티스토리 본문 기본 글자 색상 변경하기

공부 좋아 2023. 5. 29. 00:38
728x90
반응형

1. 티스토리 본문 기본 글자 색상 변경하기


티스토리에서 글을 작성하다 보면, 기본적으로 본문 내용을 작성 시 글의 색상이 회색으로 나오는데, 가독성이 조금 떨어지는 것 같습니다. 하여 매번 글을 작성 후 전체적으로 검은 색상으로 바꿔주고 있는데요, 이때 하이퍼 링크가 걸린 글이 있다면 링크의 색상도 파란색에서 검은색으로 변경되어서 여간 귀찮은 게 아닙니다. 그래서 기본 설정을 바꾸는 방법을 알아보려 합니다.

 


2. 변경 방법

티스토리의 관리자 페이지로 접속 후, 꾸미기 -> 스킨 편집 -> HTML 편집 -> CSS로 들어가서 .area_view p를 복사하신 후 원래 코드는 주석 처리하고 복사한 코드의 color를 000000(검은색)으로 변경 후 적용합니다.

 

 

본문 내용 검은색 처리

 

제목 내용 검은색 처리

 

 

인용문 내용의 경우 인용문의 종류에 따라 CSS 설정이 따로 있어서 회색 글씨 설정이 무효화됩니다. !important로 강제 적용합니다.

인용 내용 검은색 처리

ul(li), ol(li)에도 적용하였습니다.

리스트 내용 검은색 처리

표(테이블)에 적용

3. 테스트

건드린 CSS 설정은 글 작성 시에 색을 지정하지 않은 '본문(p)', '제목(h2, h3, h4)' 내용들에 대해서 기본값으로 설정이 되고, 글을 볼 때 기본값들에 대해서 검은색으로 표시해 주는 기능입니다. 하여 글 작성 에디터 팔레트 자체에서는 검은색이 기본값으로 지정이 되지는 않지만, 저 팔레트에 색상을 건드리지 않고 그냥 기본값인 #333333에 두면 자동으로 기본값으로 인식되고 -> 이 기본값을 검은색으로 표현하기 때문에 검은색으로 보이는 게 가능합니다.

글 내용이라는 2가지 내용 전부, #333333으로 선택되어 있지만, 아래의 내용만 해당 색상을 다시 클릭해서 적용했습니다.

 

결과

 

그래서 에디터상으로 회색으로 보여도 무시하고, 색상을 변경할 일이 있을 때만 변경을 해주시면 됩니다.

728x90
반응형
Comments