티스토리 다크모드 30초만에 적용하기

네이버와 구글이 최근 다크모드를 출시했죠

티스토리에도 다크모드를 설정할 수 있는데요

 

티스토리의 경우 사용자가 Window ,Mac 운영체제에서

'다크모드 사용'을 체크해줘야만 보입니다

거기다 다크모드시 블로그 운영자가 직접

CSS설정을 해주어야 합니다

 

블로그의 디자인 신경쓰지 않고

일단 다크모드를 적용하고 싶은 분들이 있을 것 같아

제가 작성한 CSS코드를 올립니다

*구글 다크모드 색상을 적용했습니다

@media (prefers-color-scheme: dark) {
	*:not(.article_view pre code.hljs, code.hljs span, table, tr, td){
		background-color: rgba(53,53,53) !important; 
		border-color: rgba(53,53,53);
	}
	*:not(.article_view pre code.hljs span){
     color: white !important;
	}
}

 

 

위 코드를 복사한 후

블로그 설정 - 꾸미기 탭 - 스킨편집 - HTML편집 - CSS

에 들어가서 아래처럼 맨 마지막에 붙여넣으면 됩니다

적용된 모습