| 틀:invert-img | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[[파일:|link=]]
{{invert-img|이미지|크기(선택)|link=링크(선택)}}
제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다.
이미지의 채도를 고려하지 않고 그냥 모든 색을 완전히 반전시켜 버리기 때문에, 예를 들어 배경색은 흰색(=다크 모드에서 검은색)으로 유지해야 하는데 아이콘이 검은색이라 다크 모드에서 아예 보이지 않게 되는 완전히 검거나 흰 이미지에 적합합니다.
{{invert-img|class}}처럼 입력하면 다크 모드에서 색을 반전시키는 클래스 이름만 출력합니다. 이미지에만 사용할 것이 아니라 좀 더 폭넓게 활용하고 싶을 때 <span class="{{invert-img|class}}">~~~~</span>처럼 사용할 수 있을 것입니다.
그냥... 끝입니다
원리는 간단한데, 제이위키에서 <math> 태그는 이미지 형식으로 출력하고, 다크 모드가 켜지면 이 <math> 태그 이미지에 라이트 모드에는 없던 이미지 색을 반전시키는 클래스가 생깁니다. 그 클래스를 그냥 직접 사용하는 겁니다
원래는 라이트/다크에 따라 아예 개별적으로 스타일을 지정할 수 있는 틀을 만들고 싶었지만 기술력 부족으로 이 정도가 한계였습니다.
| 문법 | 결과 |
|---|---|
{{invert-img|황실 마법사단|100px}}
|
|
<span class="{{invert-img|class}}" style="color: black;">TEST</span>
|
TEST |
