🕹️ 티스토리 헬로우(hello) 스킨 다크모드 없애는 법

 

매일 PC로만 보다가 우연히 모바일로 게시글을 보게 되었는데

다크모드가 적용되어 음영처리한 글자가 안보인다는 사실을 뒤늦게 발견했습니다. 

고민 끝에..글을 전부 수정하기 보다는 다크모드 자체를 없애는게 좋을 것 같아 방법을 찾아보게 되었습니다.

 

아래 순서대로 따라하시면 다크모드 자체를 없앨 수 있습니다.

 

1. HTML 수정

 

1) 블로그 관리 - 스킨 편집 - html 편집 들어가기

2) ctrl + f로 검색창 열고 "테마"검색

3) <button class="theme btn" @click="toggleTheme"><span class="txt">테마</span><i class="ico fa-solid fa-moon"></i></button> 을 주석 처리하고 저장

 

* 주석처리 방법

(앞에 <!-- 붙이고 뒤에 --> 붙이면 그 사이에 있는 코드는 모두 주석처리되어 영향을 미치지 않습니다.)

(다크/라이트모드 전환 버튼은 제가 추후에 혹 수정할 때 알아보기 위해 입력해두었습니다. 원래는 없습니다.)

</aside>         <aside class="flex justify-end px-4 w-full box-border fixed text-sm z-[90] bottom-3 <s_if_var_sidebar>xl:w-c</s_if_var_sidebar>" id="bottom" x-data="bottom">           <div class="wrap flex gap-x-2.5">                     <!-- 다크/라이트모드 전환 버튼 <button class="theme btn" @click="toggleTheme"><span class="txt">테마</span><i class="ico fa-solid fa-moon"></i></button> -->                     <a class="top btn" href="#hELLO"><span class="txt">상단으로</span><i class="ico fa-solid fa-chevron-up"></i></a></div>         </aside>       </div>     </s_t3>   </body> </html>

 

 

 

2. CSS 수정

 

HTML 뿐만 아니라 CSS도 수정해야 합니다.

 

동일한 경로에서 상단 CSS 버튼 클릭하여 들어가고

 

1) ctrl + f로 검색창 열고 "dark"검색

2) dark를 아예 dark_x로 바꾸기

(dark 자체가 아무 기능을 못하는 클래스로 만들기)

 

 

 

 

 

* 스킨 버전에 따라 다를 수 있으니, 꼭 검토후 진행하시기를 바랍니다!