다크 모드는 미디어위키가 어두운색-위에-밝은색 색상 구성표를 사용할 때입니다. 이것은 스킨, 확장 또는 사용자 스타일/가젯과 함께 구현될 수 있습니다.
How to enable dark mode
Recommended solutions
2024년에, 미디어위키 스킨에 대해 다크 모드를 사용하기 위해 권장되는 방법은 CSS 사용자 정의 속성을 활용하고 사용자가 운영 시스템 수준에서 다크 모드를 선호 (prefers-color-scheme 사용)하거나 UI를 통해 다크 모드를 선택한 시나리오에 적용되는 다크 모드 팔레트를 정의하는 것입니다.
이 해결책은 위키미디어 앱, Vector 2022 및 Minerva 스킨의 위키미디어 프로젝트에서 지원됩니다. 이것의 의미 중 하나는 템플릿 편집기가 다크 모드에서 작동하도록 컨텐츠를 조정해야 한다는 것입니다.
그러므로, 템플릿 작성자는 미디어위키의 다크 모드 구현과 호환되는 템플릿을 만드는 방법을 이해하기 위해 위키미디어 위키의 다크 모드 호환성에 대한 권장 사항을 잘 알고 있어야 합니다.
다크 모드를 지원하는 스킨은 Category:Skins with dark mode에 등록되어 있습니다.
Generic solutions
다크 모드에 대한 전형적이고 일반적인 해결책은 전체 페이지에 걸쳐 CSS 필터를 적용하여, 페이지를 더 어둡게 만드는 것입니다. 이 접근 방식은 다크 모드를 지원하지 않는 모든 스킨에 일반적으로 적용될 수 있고, 어쨌든 다음을 포함한 몇 가지 제한 사항을 가집니다:
- 큰 페이지와 오래된 장치에서 성능 문제
- 잘못된 정보로 이어질 수 있음 - 여기서 색상이 정보와 일치하고, 잘못 어둡게 표시되는 경우 예를 들어, 국제 오렌지색에 대한 기사
이 접근 방식의 단점을 이해하는 제3자에 대해, Extension:DarkMode를 설치하거나 미디어위키 가젯 / 사이트-전체 사용자 스크립트를 적용할 수 있습니다. 로그인한 사용자에 대해, 가젯을 사용자 스크립트로 수정할 수 있고 익명 사용자에 대해, 다양한 브라우저 확장 프로그램이 있습니다. Wikipedia:Dark_mode는 등록 사용자와 미등록 사용자를 위한 다양한 옵션을 나열합니다.
User stylesheets
다크 모드를 추가하는 또 다른 방법은 스킨에서 제공하는 기존 규칙을 재정의하는 사용자 스타일시트를 정의하는 것입니다. 이 방법의 문제점은 스킨이 변경될 때마다 업데이트해야 한다는 것입니다.
그러한 사용자 스타일은 Category:User scripts for enabling dark mode에 수집되어 있고 사용자 CSS나 가젯으로 패키징될 수 있습니다.
Forcing dark mode temporarily
페이지에서 다크 모드 기능을 강제로 적용할 수도 있습니다. URL에 ?vectornightmode=1 (Vector 2022, 데스크톱 스킨) 또는 ?minervanightmode=1 (Minerva, 모바일 스킨)을 추가합니다.
How to report issues with dark mode
Issues with third-party gadgets
가젯 또는 사용자 스크립트에 대한 문제는 관련 가젯 또는 사용자 스크립트 토론 페이지에 직접 보고해 주십시오. Phabricator를 사용하여 가젯에 대한 문제를 보고하지 마십시오. 해당 문제가 적절한 사람에게 전달되지 않을 것입니다.
Issues with content in Wikimedia sites
컨텐츠 자체와 관련된 문제에 대해 - 예를 들어 기사의 측면에 표시되는 인포박스나 상자, 토크 페이지를 통해 편집자에게 직접 보고하거나 위키미디어 위키의 다크 모드 호환성 권장 사항을 가이드로 사용하여 수정하는 것이 가장 좋습니다.
일부 경우에서, 편집을 클릭하고 인라인 스타일을 업데이트하여 직접 문제를 해결할 수 있습니다. 다른 경우에서, 수정을 위해 편집 권한이 없는 공통적으로 전달-삽입된 템플릿을 편집해야 할 수 있습니다. 책임이 있는 템플릿을 식별해야 하면, VisualEditor를 사용하여 편집을 클릭하고 요소 위에 마우스를 올려 관련 템플릿을 식별할 수 있습니다. 토론 페이지를 사용하여 문제를 전달하십시오.
Issues with user interface in Wikimedia software
다크 모드에서 문제에 대해, 결합된 확장 프로그램에 버그를 제출하십시오. 예를 들어 Echo 알림 대화 상자 내에서 문제가 발견되면, Echo 확장 프로그램에 티켓을 제출하고 #dark-mode 태그를 지정하십시오. 참고: 버그에 대해 이유를 식별할 수 없을 때 일반적인 catch all 해시 태그 #dark-mode가 제공됩니다. 이것은 느슨하게 모니터링되고 결국 올바른 유지 관리자에게 리다이렉션됩니다.
특히 비-위키미디어 사이트에서 발생하는 문제에 대해 참고 사항으로, Extension:DarkMode와 함께 전용 phabricator 태그를 사용하십시오. 이 확장은 위키미디어 사이트에서 사용되지 않습니다.
History
2010: 어두운색-위에-밝은색 색상 구성표 (다크 모드, 나이트 모드)는 2010년부터 여러 번 위키피디아에 옵션/향상 기능으로 제안되었으며, 여기에는 Phabricator도 포함됩니다.
February 2019 다크 모드는 커뮤니티 위시리스트 설문 조사에서 큰 아이디어의 두 번째 소원입니다. 그것이 데스크탑 개선 프로젝트의 범위 내에서 계획되었으므로 위시리스트에서 거부되었습니다.
May 2019 데스크톱 개선 프로젝트가 시작됩니다. 이 킥업은 디자인 시스템 Codex, 디자인 토큰 및 아키텍처 재작성에 대한 작업을 시작하며, 이는 결국 다크 모드 경험의 생성을 용이하게 할 수 있습니다.
May 2019 커뮤니티 기술 팀은 위시리스트 설문 조사의 일환으로 반전을 사용하는 일반적인 다크 모드 해결책을 적용하는 것에 대해 논의합니다.
September 2019 Volker가 최초의 다크 모드 가젯을 출시했습니다.
December 2021 영어 위키피디아에 다크 모드 가젯을 추가했습니다.
February 2022 다크 모드는 커뮤니티 위시리스트 설문 조사에서 많은 아이디어 중 가장 많이 희망하는 것입니다.
February 2023 다크 모드는 2023년 커뮤니티 위시리스트의 맨 위에 올랐습니다.
June 2023 데스크탑 개선 프로젝트가 마무리되고, 로그아웃한 사용자에 대한 환경 설정 지원이 추가되었습니다. 처음으로 익명 사용자를 위한 네이티브 다크 모드 경험을 고려할 수 있게 되었습니다.
July 2023 읽기 접근성을 위한 프로젝트는 텍스트 크기와 색 구성표를 변경하기 위한 컨트롤을 추가하는 지원 범위로 시작됩니다.
November 2023 다크 모드는 위키미디어 블로그에 발표되었습니다.
January 2024 다크 모드에 대한 개발이 시작됩니다.
March 2024 Codex에 CSS 변수에 대한 지원이 추가되었습니다.
June 2024 OOUI에 CSS 변수에 대한 지원이 추가되었습니다.