[티스토리] 다크모드 적용하기

 

블로그에 다크모드를 적용하기 위해서

아래와 같이 작업을 하였습니다.

 

@media (prefers-colors-scheme: dark) {
	body {
    	background: black !important;
    }
    /* 원하는 값 넣기 */
}

 

이후 원하는대로 디자인을 하여 블로그를 꾸미면 됩니다.

 

요즘은 시스템 모드가 '다크 모드'인지 '라이트 모드'인지 감지해서 서비스되는 것들이 보이는데요.

(제가 아는 대표적인 서비스 : 네이버 홈페이지 )

 

저도 이렇게 블로그를 꾸며보면 재밌겠다고 생각했습니다.

기본 테마도 나쁘지 않지만 어두운 테마를 선호하는 저에게는

제 블로그를 이용해 주시는 사용자 시스템 따라 보여주는 것을 다르게 나타내면 좋지 않을까 하는 생각에서 기록을 해봅니다.