[CSS]티스토리 글 쓰기 배경색 변경하기

이번 글도 제목이 뭐 이래 싶은 글입니다. 좀 더 좋은 제목이 떠오르면 좋겠는데요.

 

티스토리는 글 작성하는 화면이 흰색으로 고정입니다. 운동 일지 같은 걸 작성할 때는 시간도 얼마 안걸리기 때문에 크게 불편하지는 않지만 정보 전달을 위한 글을 작성할 때는 저한테 상당히 부담스러운데요. 거기다 티스토리는 글 작성 화면은 스킨 적용도 안됩니다. 열심히 티스토리 스킨을 다크모드로 바꿔도 사실상 가장 긴 시간을 들여서 보는 화면에는 적용을 못한채 흰 화면만 계속 봐야한다는 것이죠. 그래서 이 포스팅에서는 제가 사용하는 간단한 방법을 알려드리겠습니다.

이 방법은 영구적인 해결 방법이 아니라 해당 페이지에서 글을 작성하는 동안만 적용되고 새로고침이나 다른 페이지에서는 적용이 안됨을 미리 알려드립니다.

방법 자체는 크게 어렵지 않습니다. 먼저 개발자도구를 열어봅시다. F12나 Ctrl + Shift + C로 열 수 있어요.

Ctrl + Shift + C를 이용해서 여신 분들은 바로 흰색 배경을 클릭해주시면 되고 F12로 여신 분들은 해당 사진에서 맨 왼쪽 위에 보시면 네모위에 마우스 커서가 있는 아이콘이 있는데 그걸 클릭한 다음 배경을 클릭해주시면 됩니다.

캡쳐하다 마우스가 안나왔는데 대충 저렇게 영역이 선택되도록 마우스를 가져다 놓고 클릭해주세요(무조건 저렇게 되어야 한다는 것은 아닙니다. 적당히 body면 상관없어요.

해당 사진은 위 사진에서 파란색 유튜브 아이콘 위에 있는 CSS 창입니다. 이제 여기서 맨 위에 element.style{} 안에 background-color : gray; 라고 적어주시면 됩니다. gray는 색상을 선택하는 부분이니까 본인이 편하신 색으로 사용하시면 될 것 같아요. 헥스 코드로도 적용이 되기 때문에 좀 세밀하게 조정해서 쓰시고 싶은 분은 그렇게 하셔도 될 것 같습니다. 저는 눈만 안아프면 오케이라 그냥 gray라고 써서 사용하고 있습니다. 참고로 밑에 content-editor에도 background-color를 적어봤는데 잘 동작하기 때문에 저기다 적으셔도 무방합니다. 아마 작성이 가능한 곳은 어디다 적든 상관없을 것으로 보이네요.

 

위에서도 말했지만 해당 방법은 일시적인 방법이기 때문에 다른 창으로 바꾸거나 새로고침을 하거나 하면 원래대로 돌아가기 때문에 불안해하지 않으셔도 됩니다. 글에서 나오지 않은 내용이라도 마음껏 이것저것 건드려 보셔도 상관없어요. 빨리 티스토리 자체적으로 해당 기능을 지원해주면 좋겠는데요. 아직은 귀찮더라도 저는 계속 이렇게 포스팅을 작성할 것 같습니다.

 

추가적으로 글쓰기 배경말고, 일반적으로 티스토리로 접근했을 때 나오는 화면(블로그 주인이 아닌 방문자들이 글을 볼 때의 화면)의 배경색상을 변경하고 싶으신 분들은 스킨 편집에 들어가셔서 html 편집을 누르시고 css 편집 탭에 들어가신 다음에 body를 찾아서 background-color 를 변경해주시면 됩니다(한 번도 건드린 적 없는 테마라면 아마 없을 수도 있는데 그러면 직접 만들어서 사용하셔도 무방합니다). 줄번호를 찾는 방법은 위와 동일합니다.