편집 요약 없음 |
편집 요약 없음 |
||
| 4번째 줄: | 4번째 줄: | ||
<pre>{{invert-img|이미지|크기(선택)|link=링크(선택)}}</pre> | <pre>{{invert-img|이미지|크기(선택)|link=링크(선택)}}</pre> | ||
제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다. | 제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다. | ||
이미지의 채도를 고려하지 않고 그냥 모든 색을 완전히 반전시켜 버리기 때문에, 예를 들어 배경색은 흰색(=다크 모드에서 검은색)으로 유지해야 하는데 아이콘이 검은색이라 다크 모드에서 아예 보이지 않게 되는 '''완전히 검거나 흰 이미지'''에 적합합니다. | |||
그냥... 끝입니다<br>원리는 간단한데, 제이위키에서 <nowiki><math></nowiki> 태그는 이미지 형식으로 출력하고, 다크 모드가 켜지면 이 <nowiki><math></nowiki> 태그 이미지에 라이트 모드에는 없던 이미지 색을 반전시키는 클래스가 생깁니다. 그 클래스를 그냥 직접 사용하는 겁니다 | 그냥... 끝입니다<br>원리는 간단한데, 제이위키에서 <nowiki><math></nowiki> 태그는 이미지 형식으로 출력하고, 다크 모드가 켜지면 이 <nowiki><math></nowiki> 태그 이미지에 라이트 모드에는 없던 이미지 색을 반전시키는 클래스가 생깁니다. 그 클래스를 그냥 직접 사용하는 겁니다 | ||
2024년 12월 14일 (토) 23:24 판
| 틀:invert-img | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[[파일:||link=]]
{{invert-img|이미지|크기(선택)|link=링크(선택)}}
제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다.
이미지의 채도를 고려하지 않고 그냥 모든 색을 완전히 반전시켜 버리기 때문에, 예를 들어 배경색은 흰색(=다크 모드에서 검은색)으로 유지해야 하는데 아이콘이 검은색이라 다크 모드에서 아예 보이지 않게 되는 완전히 검거나 흰 이미지에 적합합니다.
그냥... 끝입니다
원리는 간단한데, 제이위키에서 <math> 태그는 이미지 형식으로 출력하고, 다크 모드가 켜지면 이 <math> 태그 이미지에 라이트 모드에는 없던 이미지 색을 반전시키는 클래스가 생깁니다. 그 클래스를 그냥 직접 사용하는 겁니다
원래는 라이트/다크에 따라 아예 개별적으로 스타일을 지정할 수 있는 틀을 만들고 싶었지만 기술력 부족으로 이 정도가 한계였습니다.
| 문법 | 결과 |
|---|---|
{{invert-img|황실 마법사단|100px}}
|
|
