티스토리 스킨, 다크모드 웹브라우징에 알맞게 고치기

현재 내 티스토리 스킨 이야기.

웹브라우저가 다크모드 테마를 적용했는지는 자바스크립트로 알 수 없지 아마? 아, 바탕화면색 변수를 읽어내 디폴트값인지 어두운 색도로 바뀌었느지를 판단할 수도 있을 것 같다. 해보기.

자동으로 알아낼 수 없을 때는.. 스킨에 수동적용 버튼, 스크립트, 설정저장용 쿠키(?)를 만들거나,

1. 아이콘과 장식용 이미지를 투명색을 적용한 파일로 바꾸고,
2.타이틀과 텍스트와 달리 웹브라우저가 신경써 바꾸지 않는 주변 아이템 글꼴색을 흰색배경과 검른색배경에서 모두 알아볼 수 있는 중립적인 색으로 바꾸기.

현재는 이런 식인데,

주석번호색이 검은색에서 너무 어둡다. 주석 본문 텍스트색을 inherit하도록 css를 고쳐보는 게 먼저. 그게 잘 안 되거나 만약 주석텍스트 글꼴색이 웹브라우저가 테마적용할 때 신경쓰지 않는 범위라면 단순히 그쪽 글꼴 컬러로 지정해도 무방.

구분선 바탕색이 흰색이라 지금은 검은바탕에서 저렇게 튄다. 고치기.