매일 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 자체가 아무 기능을 못하는 클래스로 만들기)

* 스킨 버전에 따라 다를 수 있으니, 꼭 검토후 진행하시기를 바랍니다!
'✏️ 취미 > 코딩' 카테고리의 다른 글
| 🕹️ 티스토리 헬로우(hello) 사진(이미지)이 본문 폭을 넘은 경우 (0) | 2026.01.14 |
|---|---|
| [C#] Text Rpg 예시 (0) | 2025.09.03 |
| [공부] 2D 유니런(유니티+런) 게임 제작 - 배경 (5) (3) | 2025.08.19 |
| [공부] 2D 유니런(유니티+런) 게임 제작 - player 총합 (4) (3) | 2025.08.17 |
| [공부] 2D 유니런(유니티+런) 게임 제작 - (3) (2) | 2025.08.17 |