틀:Invert-img: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
{{namucat|김찬/제작한 틀}}
{{namucat|김찬/제작한 틀}}
{{틀 도움}}
{{틀 도움}}
<onlyinclude><span class="mwe-math-fallback-image-inline mw-invert">{{#if:{{{link|}}}|[[파일:{{파일명 인식|{{{1|}}}}}|{{{2|}}}|link={{{link|}}}]]|[[파일:{{파일명 인식|{{{1|}}}}}|{{{2|}}}|link=]]</span></onlyinclude>
<onlyinclude><span class="mwe-math-fallback-image-inline mw-invert">{{#if:{{{link|}}}|[[파일:{{파일명 인식|{{{1|}}}}}|{{{2|}}}|link={{{link|}}}]]|[[파일:{{파일명 인식|{{{1|}}}}}|{{{2|}}}|link=]]}}</span></onlyinclude>
<pre>{{invert-img|이미지|크기(선택)|link=링크(선택)}}</pre>
<pre>{{invert-img|이미지|크기(선택)|link=링크(선택)}}</pre>
제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다.
제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다.

2024년 12월 14일 (토) 23:42 판

:invert-img
사용문서
새로고침
넘겨주기
이동하기

[[파일:||link=]]

{{invert-img|이미지|크기(선택)|link=링크(선택)}}

제이위키의 다크 모드가 켜지면 이미지의 색을 자동으로 반전시키는 틀입니다.

이미지의 채도를 고려하지 않고 그냥 모든 색을 완전히 반전시켜 버리기 때문에, 예를 들어 배경색은 흰색(=다크 모드에서 검은색)으로 유지해야 하는데 아이콘이 검은색이라 다크 모드에서 아예 보이지 않게 되는 완전히 검거나 흰 이미지에 적합합니다.

그냥... 끝입니다
원리는 간단한데, 제이위키에서 <math> 태그는 이미지 형식으로 출력하고, 다크 모드가 켜지면 이 <math> 태그 이미지에 라이트 모드에는 없던 이미지 색을 반전시키는 클래스가 생깁니다. 그 클래스를 그냥 직접 사용하는 겁니다

원래는 라이트/다크에 따라 아예 개별적으로 스타일을 지정할 수 있는 틀을 만들고 싶었지만 기술력 부족으로 이 정도가 한계였습니다.

직접 라이트/다크 모드를 오가며 확인해 보세요.
문법 결과
{{invert-img|황실 마법사단|100px}}
+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함