
맥북을 다크모드로 설정 해 놓았더니
티스토리 블로그도 다크모드로 보이는 현상때문에 골치가 아픈데요.
티스토리는 다크모드에 최적화된 블로그는 아니기 때문에
다크모드로 보는 경우 글자가 반전되서 보이거나, 가독성이 떨어지는 경우가 있습니다.
그래서 애초에 다크모드가 작동 안되게 하는 법을 알려드리겠습니다.
제가 쓰고 있는 블로그 스킨은 다크모드 동작 태그를 포함하고 있어서
해당 태그를 삭제 또는 주석처리 하는 방식으로 다크모드를 없앨 수 있는데요.
블로그 스킨 종류에 따라 해당 태그 위치가 다를 수도 있습니다.
1. [블로그 관리] > [꾸미기] > [스킨편집]

2. [html 편집]


이렇게 무시무시한 경고창이..
html 코드 수정할 때는 다른 코드 안 건드리게 절대 조심하세요.
티스토리 운영자 : 건들다 망하면 님 책임 ㅋ 난 몰라~ ㅅㄱ
3. 다크모드 코드 주석처리
해당 코드를 삭제해도 되지만, 나중에 다시 필요할 수도 있으니 웬만하면 주석 처리 해 주세요.
html 코드에서 주석 처리하는 법은 코드를 <!-- --> 으로 감싸는 것입니다.
제 티스토리 스킨에서는 32번째 줄에 if TTDARK로 시작하는 <script>태그가 있습니다.
이 태그가 다크모드 설정해 주는 태그인데요
해당 태그를 주석처리 해 주시면 됩니다.

아래 화면 캡처처럼 해당 부분만 초록색으로 뜨면 성공입니다!
다른 코드는 가급적 건들지 않도록 주의하시고 저처럼 해당 코드부분만 수정할 수 있도록 해 주세요.
한 글자라도 오탈자 나면 관련 기능이 전혀 동작하지 않을 수 있습니다.
수정하다가 다른거 잘못 손대셨으면 Ctrl Z 해서 다시 고칠 생각하지 마시고
그냥 다시 나갔다 들어와서 해당 부분만 수정하시는걸 추천 드립니다.

코드 수정 후 화면 하단에 적용 버튼 눌러주시고
블로그 접속해 보면 라이트 모드로만 동작하는 것을 확인하실 수 있습니다.

'BlogCustom' 카테고리의 다른 글
[블로그 커스텀] 티스토리 코드블럭 커스텀하기 (Feat. highlight.js) (18) | 2024.11.10 |
---|---|
[블로그 커스텀] 티스토리 hELLo 스킨 본문 너비(폭) 늘이기 (12) | 2024.11.09 |
[블로그 커스텀] 티스토리 코드블럭 폰트 바꾸기 (Feat. Google Fonts) (10) | 2024.11.09 |
[블로그 커스텀] 티스토리 코드블럭에 인라인 넘버 적용하기 (css, js 코드) (5) | 2024.11.09 |
[블로스 커스텀] 티스토리 hello 스킨 이미지 본문 폭 안에 맞추는 방법 (4) | 2024.11.09 |

맥북을 다크모드로 설정 해 놓았더니
티스토리 블로그도 다크모드로 보이는 현상때문에 골치가 아픈데요.
티스토리는 다크모드에 최적화된 블로그는 아니기 때문에
다크모드로 보는 경우 글자가 반전되서 보이거나, 가독성이 떨어지는 경우가 있습니다.
그래서 애초에 다크모드가 작동 안되게 하는 법을 알려드리겠습니다.
제가 쓰고 있는 블로그 스킨은 다크모드 동작 태그를 포함하고 있어서
해당 태그를 삭제 또는 주석처리 하는 방식으로 다크모드를 없앨 수 있는데요.
블로그 스킨 종류에 따라 해당 태그 위치가 다를 수도 있습니다.
1. [블로그 관리] > [꾸미기] > [스킨편집]

2. [html 편집]


이렇게 무시무시한 경고창이..
html 코드 수정할 때는 다른 코드 안 건드리게 절대 조심하세요.
티스토리 운영자 : 건들다 망하면 님 책임 ㅋ 난 몰라~ ㅅㄱ
3. 다크모드 코드 주석처리
해당 코드를 삭제해도 되지만, 나중에 다시 필요할 수도 있으니 웬만하면 주석 처리 해 주세요.
html 코드에서 주석 처리하는 법은 코드를 <!-- --> 으로 감싸는 것입니다.
제 티스토리 스킨에서는 32번째 줄에 if TTDARK로 시작하는 <script>태그가 있습니다.
이 태그가 다크모드 설정해 주는 태그인데요
해당 태그를 주석처리 해 주시면 됩니다.

아래 화면 캡처처럼 해당 부분만 초록색으로 뜨면 성공입니다!
다른 코드는 가급적 건들지 않도록 주의하시고 저처럼 해당 코드부분만 수정할 수 있도록 해 주세요.
한 글자라도 오탈자 나면 관련 기능이 전혀 동작하지 않을 수 있습니다.
수정하다가 다른거 잘못 손대셨으면 Ctrl Z 해서 다시 고칠 생각하지 마시고
그냥 다시 나갔다 들어와서 해당 부분만 수정하시는걸 추천 드립니다.

코드 수정 후 화면 하단에 적용 버튼 눌러주시고
블로그 접속해 보면 라이트 모드로만 동작하는 것을 확인하실 수 있습니다.

'BlogCustom' 카테고리의 다른 글
[블로그 커스텀] 티스토리 코드블럭 커스텀하기 (Feat. highlight.js) (18) | 2024.11.10 |
---|---|
[블로그 커스텀] 티스토리 hELLo 스킨 본문 너비(폭) 늘이기 (12) | 2024.11.09 |
[블로그 커스텀] 티스토리 코드블럭 폰트 바꾸기 (Feat. Google Fonts) (10) | 2024.11.09 |
[블로그 커스텀] 티스토리 코드블럭에 인라인 넘버 적용하기 (css, js 코드) (5) | 2024.11.09 |
[블로스 커스텀] 티스토리 hello 스킨 이미지 본문 폭 안에 맞추는 방법 (4) | 2024.11.09 |