코드 강조를 라이트·다크 두 테마로
읽는 데 1분
Shiki는 서버에서 HTML을 만들기 때문에 브라우저에 JS를 보내지 않아도 된다. 두 테마를 CSS 변수로 넣고 테마에 따라 고른다.
.shiki span { color: var(--shiki-light); }
[data-theme="dark"] .shiki span { color: var(--shiki-dark); }읽는 데 1분
Shiki는 서버에서 HTML을 만들기 때문에 브라우저에 JS를 보내지 않아도 된다. 두 테마를 CSS 변수로 넣고 테마에 따라 고른다.
.shiki span { color: var(--shiki-light); }
[data-theme="dark"] .shiki span { color: var(--shiki-dark); }