hELLO 스킨 커스텀
정상우 님이 무료로 배포해 주시는 티스토리 블로그 스킨의 경우 다크모드와 라이트모드 두 가지를 사용할 수 있습니다. 이것은 블로그를 방문하는 사용자가 선택하여 변경할 수 있습니다. 하지만 두 가지 모드를 모두 사용하지 않고 한 가지만 사용하실 분들에게 알려드리는 정보입니다. hELLO 스킨 버전 4.10.0c에 맞춰 작성된 코드라는 것을 참고하세요.
HTML 코드 수정
<!DOCTYPE html>
<html class="scroll-smooth dark" id="hELLO" x-data="app" lang="ko">
html 최상단에 scroll-smooth 클래스가 위치한 곳에 dark를 추가 입력합니다.
<aside class="flex justify-end px-4 w-full box-border fixed text-sm z-20 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 fas fa-moon"></i></button> --><a class="top btn" href="#hELLO"><span class="txt">상단으로</span><i class="ico fas fa-chevron-up"></i></a></div>
</aside>
html 하단에 위치한 플로팅 테마 버튼과 상단으로 코드가 위치한 곳에서 테마 버튼을 사용할 수 없도록 주석처리합니다.
HTML 수정 결과
기본적으로 제공되는 코드를 수정한 것으로 '다크모드'만 사용하실 분들에게 추천하는 방식입니다. 만약 라이트모드만 사용하실 분들은 테마변경 버튼만 주석처리하시면 되겠습니다.