Sigil 새 기능을 활용한 다크모드 미리보

Sigil 미리보기에 사용자 정의 CSS 보기 기능이 있습니다.(1.9.20)

이 기능을 이용하면 기본 스타일에 미리보기에서만 적용되는 스타일을 추가할 수 있습니다.

이런 기능이 왜 필요하냐고요?

당연히 다크모드 때문이지요.

​

다크모드가 왜 필요하냐... 하시는 분들은 그냥 패스.

많이 만들어 본 분들은 알거예요.

아주 드물긴 하지만,

독자들이 '글자가 안보여요' 라는 불만을 얘기하는거.

​

(요즘 들어 너무 '아는 사람만 보세요' 스타일로 가고 있는데,

뭐 어쩌겠어요. 모르면 공부하시면 됩니다 ^^)

​

Sigil의 새 기능. 미리보기 스타일에(custom_preview_style_alt.css을 권해드려요)

아래 코드만 추가하고

html, body {

background-color: #000000;

color: initial;

filter: invert(1);

}

​

미리보기를 해 보세요.

기본 스타일이 이렇게 보인다면

​

새로 추가한 다크모드 미리보기에서는 이렇게 보입니다.

​

물론, 유통사 뷰어 별로 다크모드(이름도 전부 다름) 설정 방식이 다르기 때문에

이렇게 똑같이 나오지는 않습니다.

그래도 최소한 검정 배경일 때 어떤 느낌인지 정도는 확인할 수 있어요.

이 기능이 있었다면 이런 문제는 미리 확인해 볼 수 있으니

이렇게 만들지는 않겠지요(제가 만들었지만 고쳐야겠네요 ㅜ.ㅜ)