도움말:디자인 다크 모드 대응

삼쩌모 (토론 | 기여)님의 2026년 1월 28일 (수) 17:08 판 (새 문서: {{DISPLAYTITLE:<span class="mw-page-title-namespace">도움말</span>:디자인<span style="display: block">{{부제| 다크 모드 대응}}</span>}} {{분류|도움말}} {{상위문서|도움말:디자인}} {{도움말}} {{목차}} == 개요 == 이 문서는 자신의 문서가 다크 모드 대응인지 확인할 수 있는 체크리스트 형태의 '''도움말'''입니다. 강제성이 주어지지는 않지만, 문서의 가독성을 위해서 따르면 좋습니다. 가...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
분류: 도움말
상위 문서: 도움말:디자인
도움말
[ 펼치기 · 접기 ]

개요

이 문서는 자신의 문서가 다크 모드 대응인지 확인할 수 있는 체크리스트 형태의 도움말입니다. 강제성이 주어지지는 않지만, 문서의 가독성을 위해서 따르면 좋습니다.

가장 확실한 방법은 다크 모드로 직접 전환해서 문제가 되는 부분을 고치는 것이지만, 대부분 아래의 경우에 해당합니다.

상세

  • 투명 배경에 기본 글씨 색(var(--text))이 아닌 검은색(#000000, black, #000) 텍스트를 설정했는지
    • 표나 틀에서 많이 등장합니다. 틀을 제작할 때 자연스럽게 검은색을 적용하지 않았는지 확인하면 좋습니다.
  • 투명 배경에 어두운 글씨 색을 설정했지만 다크모드 대응 틀이 적용되지 않았는지
    • <style> 안에서는 {{adt|#000000}}으로 사용할 수 있고, {{style}} 안에서는 ##000000로 사용합니다.
    • 적용하면 자동으로 다크 모드에서 높은 명도로 표시합니다.
  • 그림자 등에서 반투명(#ff0000, #ff000010)이 아닌 고명도(#ffdddd)를 설정했는지
  • .jpg 확장자 등으로 인해 투명하지 않은 이미지가 불가피하게 들어갔는지