위키백과:다크 모드(가젯)

Wikipedia:
다크 모드
Dark-mode user script screenshot 2019-09-20 Light-on-dark color scheme - Wikipedia.png
Minerva 스킨에서 다크 모드가 활성화됨
묘사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.cssMediaWiki:영어 위키피디아 버전을 복사하여 Gadget-dark-mode-toggle.js.현지화 문자열을 적절히 조정합니다.
    • 저속 부하에 의한 FUC를 피하기 위해 CSS 페이지를 복사할 필요가 있지만 JS 페이지의 경우 대신 enwiki 버전을 동적으로 로드할 수 있습니다.
      .메시지.세트( {     // 현지화된 메시지 설정 } ); .로더.장전( https://en.wikipedia.org/w/load.php?modules=ext.gadget.dark-mode-toggle&only=scripts' ); 
  • 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(이것은 내부 가젯입니다.사용자가 이 가젯을 유효하게 하지 않는 것을 확인해 주세요).