위키백과:다크 모드(가젯)
Wikipedia:묘사 | Wikimedia Wiki의 다크 모드 |
---|---|
작성자 | CSS: Volker E. (WMF), Musik Animal, AHollender (WMF) SD0001, Nardog |
상황 | 안정적인. |
갱신필 | 2022년 7월 26일 (0일 전) |
브라우저 지원 | CSS를 탑재한 최신 브라우저filter 지지하다 |
스킨 서포트 | 모든. |
원천 | MediaWiki:Gadget-dark-mode.css MediaWiki:Gadget-dark-mode-togle.js |
위키미디어UI Dark 모드는 자원봉사자 MusikAnimal 등이 지원하는 Wikimedia Design 팀원 Volker E.와 Alex Hollender의 실험적인 작업을 기반으로 하여 최신 브라우저에서 다크 모드를 활성화하기 위한 가젯입니다.
기본 페이지에서 어두운 모드를 미리 봅니다.
활성화하려면 가젯 기본 설정으로 이동하여 "다크 모드 전환: 어두운 배경 색 구성표에서 밝은 텍스트를 사용하기 위한 전환 사용" 가젯을 활성화합니다.
이제 페이지 상단에 "Dark mode" 스위치가 표시됩니다.시스템 색상표에 따라 다크모드를 자동으로 활성화/비활성화하려면 common.js 페이지에 다음 항목을 추가합니다.
윈도.wpDark Mode 자동 전환 = 진실의;
최신 브라우저는 Opera Mini를 제외하고 모두 작동합니다.Opera Mini에는filter
지지하다.
Wiki에서 가젯 설정
CSS는 Wikipedia 사이트를 염두에 두고 작성되었습니다(phab:T221425)는 다른 Wiki에서의 경험이 최적이 아닐 수 있습니다.
Wiki 로 가젯을 설정하려면 , interface-admin 에 다음의 조작을 의뢰합니다.
- MediaWiki: 페이지를 만듭니다.Gadget-dark-mode.css, MediaWiki:Gadget-dark-mode-togle-pagstyles.css 및 MediaWiki:영어 위키피디아 버전을 복사하여 Gadget-dark-mode-toggle.js.현지화 문자열을 적절히 조정합니다.
- 저속 부하에 의한 FUC를 피하기 위해 CSS 페이지를 복사할 필요가 있지만 JS 페이지의 경우 대신 enwiki 버전을 동적으로 로드할 수 있습니다.
음.메시지.세트( { // 현지화된 메시지 설정 } ); 음.로더.장전( https://en.wikipedia.org/w/load.php?modules=ext.gadget.dark-mode-toggle&only=scripts' );
- 저속 부하에 의한 FUC를 피하기 위해 CSS 페이지를 복사할 필요가 있지만 JS 페이지의 경우 대신 enwiki 버전을 동적으로 로드할 수 있습니다.
- MediaWiki에 추가:가젯 정의:
* dark-mode-api [ResourceLoader targets = desktop, 모바일 종속성 = mediawiki.api, mediawiki를 대상으로 합니다.URI, mediawiki.storage, es6-polypules peers = dark-mode-param-styles.dark-mode-paramstyles [숨긴 타겟=targets=targets, mobile skines, mobile skins=targets, mines, minerva, pargets]domes-pargets.cs.cledomes
- MediaWiki 하단에 다음 항목을 추가합니다.가젯 정의이것은 기술적인 이유로 숨김으로 표시할 수 없는 내부 가젯입니다.
* dark-mode [ResourceLoader targets = desktop, mobile] dark-mode.css
- 가젯 설명 페이지를 만듭니다 MediaWiki:Gadget-dark-mode-toggle(주요 "dark mode" 가젯) 및 MediaWiki:Gadget-dark-mode(이것은 내부 가젯입니다.사용자가 이 가젯을 유효하게 하지 않는 것을 확인해 주세요).