Manual:Dark mode - MediaWiki

<!doctype html> <html class="client-nojs vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref--excluded vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <base href="https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Dark_mode"> <meta charset="UTF-8"> <title>Manual:Dark mode - MediaWiki</title> <script>(function(){var className="client-js vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref--excluded vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )mediawikiwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"78241b7d-912e-442d-a844-a780ca4c8501","wgCanonicalNamespace":"Manual","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":100,"wgPageName":"Manual:Dark_mode","wgTitle":"Dark mode","wgCurRevisionId":6778262,"wgRevisionId":6778262,"wgArticleId":1080983,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Dark mode"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Manual:Dark_mode","wgRelevantArticleId":1080983,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"mediawiki","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode":"en", "pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":8000,"wgInternalRedirectTargetUrl":"/wiki/Manual:Dark_mode","wgTranslatePageTranslation":"source","wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"personal","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.translate.tag.languages":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.translate.edit.documentation.styles": "ready","ext.translate":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.translate.pagetranslation.uls","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.translate%2CwikimediaBadges%7Cext.translate.edit.documentation.styles%7Cext.translate.tag.languages%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:site_name" content="MediaWiki"> <meta property="og:title" content="Manual:Dark mode - MediaWiki"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//m.mediawiki.org/wiki/Manual:Dark_mode"> <link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=Manual:Dark_mode&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/mediawiki.png"> <link rel="icon" href="/static/favicon/mediawiki.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="MediaWiki (en)"> <link rel="EditURI" type="application/rsd+xml" href="//www.mediawiki.org/w/api.php?action=rsd"> <link rel="canonical" href="https://www.mediawiki.org/wiki/Manual:Dark_mode"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="MediaWiki Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org"> <link rel="dns-prefetch" href="//login.wikimedia.org"> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Dark_mode"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Dark_mode"></script> <meta name="robots" content="none"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-100 ns-subject mw-editable page-Manual_Dark_mode rootpage-Manual_Dark_mode skin-vector-2022 action-view"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://www-mediawiki-org.translate.goog" data-proxy-full-url="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-source-url="https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Dark_mode" data-source-language="auto" data-target-language="en" data-display-language="en-GB" data-detected-source-language="en" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Dark_mode&anno=2" data-client="tr"></script><a class="mw-jump-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right"><input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu"> <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container"> <div class="vector-pinnable-header-label"> Main menu </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation"> <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li> <li id="n-mw-download" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Download?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get MediaWiki</span></a></li> <li id="n-mw-extensions" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Category:Extensions?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get extensions</span></a></li> <li id="n-blog-text" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://techblog.wikimedia.org/"><span>Tech blog</span></a></li> <li id="n-mw-contribute" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/How_to_contribute?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Contribute</span></a></li> </ul> </div> </div> <div id="p-support" class="vector-menu mw-portlet mw-portlet-support"> <div class="vector-menu-heading"> Support </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Help:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="The place to find out"><span>User help</span></a></li> <li id="n-mw-faq" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:FAQ?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>FAQ</span></a></li> <li id="n-mw-manual" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Technical manual</span></a></li> <li id="n-mw-supportdesk" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Support_desk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Support desk</span></a></li> <li id="n-mw-communication" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Communication?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Communication</span></a></li> </ul> </div> </div> <div id="p-development" class="vector-menu mw-portlet mw-portlet-development"> <div class="vector-menu-heading"> Development </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mw-developerportal" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.wikimedia.org/"><span>Developer portal</span></a></li> <li id="n-svn-statistics" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Development_statistics?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Code statistics</span></a></li> </ul> </div> </div> <div id="p-mediawiki.org" class="vector-menu mw-portlet mw-portlet-mediawiki_org"> <div class="vector-menu-heading"> mediawiki.org </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Help?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="About the project, what you can do, where to find things"><span>Community portal</span></a></li> <li id="n-recentchanges" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:RecentChanges?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li> <li id="n-mw-translate" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:LanguageStats?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Translate content</span></a></li> <li id="n-randompage" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:Random?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Load a random page [x]" accesskey="x"><span>Random page</span></a></li> <li id="n-mw-discussion" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Village_Pump?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Village pump</span></a></li> <li id="n-Sandboxlink-portlet-label" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Sandbox?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Sandbox</span></a></li> </ul> </div> </div> <div id="p-lang" class="vector-menu mw-portlet mw-portlet-lang"> <div class="vector-menu-heading"> In other languages </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"> <span class="wb-langlinks-add wb-langlinks-link"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.wikidata.org/wiki/Special:NewItem?site%3Dmediawikiwiki%26page%3DManual%253ADark%2Bmode" title="Add interlanguage links" class="wbc-editpage">Add links</a></span> </div> </div> </div> </div> </div> </div> </div> </nav><a href="https://www-mediawiki-org.translate.goog/wiki/MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/mediawikiwiki.svg" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="MediaWiki" src="/static/images/mobile/copyright/mediawikiwiki-wordmark.svg" style="width: 7.5em; height: 1.125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:Search?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search MediaWiki [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"><input class="cdx-text-input__input" type="search" name="search" placeholder="Search MediaWiki" aria-label="Search MediaWiki" autocapitalize="sentences" title="Search MediaWiki [f]" accesskey="f" id="searchInput"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div><input type="hidden" name="title" value="Special:Search"> </div><button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="mw-list-item active user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>English</span></a></li> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color"><input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance"> <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://donate.wikimedia.org/?wmf_source%3Ddonate%26wmf_medium%3Dsidebar%26wmf_campaign%3Dwww.mediawiki.org%26uselang%3Den" class=""><span>Donate</span></a></li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CreateAccount&returnto=Manual:Dark+mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a></li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UserLogin&returnto=Manual:Dark+mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class=""><span>Log in</span></a></li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options"><input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools"> <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://donate.wikimedia.org/?wmf_source%3Ddonate%26wmf_medium%3Dsidebar%26wmf_campaign%3Dwww.mediawiki.org%26uselang%3Den"><span>Donate</span></a></li> <li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CreateAccount&returnto=Manual:Dark+mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li> <li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UserLogin&returnto=Manual:Dark+mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor"> <div class="vector-menu-heading"> Pages for logged out editors <a href="https://www-mediawiki-org.translate.goog/wiki/Help:Introduction?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyContributions?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li> <li id="pt-anontalk" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyTalk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice">  </div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc"> <h2 class="vector-pinnable-header-label">Contents</h2><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="vector-toc-link"> <div class="vector-toc-text"> Beginning </div></a></li> <li id="toc-How_to_enable_dark_mode" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#How_to_enable_dark_mode"> <div class="vector-toc-text"><span class="vector-toc-numb">1</span> <span>How to enable dark mode</span> </div></a> <button aria-controls="toc-How_to_enable_dark_mode-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle How to enable dark mode subsection</span> </button> <ul id="toc-How_to_enable_dark_mode-sublist" class="vector-toc-list"> <li id="toc-Recommended_solutions" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Recommended_solutions"> <div class="vector-toc-text"><span class="vector-toc-numb">1.1</span> <span>Recommended solutions</span> </div></a> <ul id="toc-Recommended_solutions-sublist" class="vector-toc-list"> </ul></li> <li id="toc-Generic_solutions" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Generic_solutions"> <div class="vector-toc-text"><span class="vector-toc-numb">1.2</span> <span>Generic solutions</span> </div></a> <ul id="toc-Generic_solutions-sublist" class="vector-toc-list"> </ul></li> <li id="toc-User_stylesheets" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#User_stylesheets"> <div class="vector-toc-text"><span class="vector-toc-numb">1.3</span> <span>User stylesheets</span> </div></a> <ul id="toc-User_stylesheets-sublist" class="vector-toc-list"> </ul></li> <li id="toc-Forcing_dark_mode_temporarily" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Forcing_dark_mode_temporarily"> <div class="vector-toc-text"><span class="vector-toc-numb">1.4</span> <span>Forcing dark mode temporarily</span> </div></a> <ul id="toc-Forcing_dark_mode_temporarily-sublist" class="vector-toc-list"> </ul></li> </ul></li> <li id="toc-How_to_report_issues_with_dark_mode" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#How_to_report_issues_with_dark_mode"> <div class="vector-toc-text"><span class="vector-toc-numb">2</span> <span>How to report issues with dark mode</span> </div></a> <button aria-controls="toc-How_to_report_issues_with_dark_mode-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle How to report issues with dark mode subsection</span> </button> <ul id="toc-How_to_report_issues_with_dark_mode-sublist" class="vector-toc-list"> <li id="toc-Issues_with_third-party_gadgets" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Issues_with_third-party_gadgets"> <div class="vector-toc-text"><span class="vector-toc-numb">2.1</span> <span>Issues with third-party gadgets</span> </div></a> <ul id="toc-Issues_with_third-party_gadgets-sublist" class="vector-toc-list"> </ul></li> <li id="toc-Issues_with_content_in_Wikimedia_sites" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Issues_with_content_in_Wikimedia_sites"> <div class="vector-toc-text"><span class="vector-toc-numb">2.2</span> <span>Issues with content in Wikimedia sites</span> </div></a> <ul id="toc-Issues_with_content_in_Wikimedia_sites-sublist" class="vector-toc-list"> </ul></li> <li id="toc-Issues_with_user_interface_in_Wikimedia_software" class="vector-toc-list-item vector-toc-level-2"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Issues_with_user_interface_in_Wikimedia_software"> <div class="vector-toc-text"><span class="vector-toc-numb">2.3</span> <span>Issues with user interface in Wikimedia software</span> </div></a> <ul id="toc-Issues_with_user_interface_in_Wikimedia_software-sublist" class="vector-toc-list"> </ul></li> </ul></li> <li id="toc-History" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#History"> <div class="vector-toc-text"><span class="vector-toc-numb">3</span> <span>History</span> </div></a> <ul id="toc-History-sublist" class="vector-toc-list"> </ul></li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#See_also"> <div class="vector-toc-text"><span class="vector-toc-numb">4</span> <span>See also</span> </div></a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul></li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left"><input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents"> <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Manual</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Dark mode</span></h1> <div class="mw-indicators"> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-manual" class="selected vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="View the subject page [c]" accesskey="c"><span>Manual</span></a></li> <li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual_talk:Dark_mode&action=edit&redlink=1&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" rel="discussion" class="new" title="Discussion about the content page (page does not exist) [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet"><input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant"> <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true"><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Read</span></a></li> <li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit the source code of this page [e]" accesskey="e"><span>Edit</span></a></li> <li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=history&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown"><input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools"> <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true"><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container"> <div class="vector-pinnable-header-label"> Tools </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options"> <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Read</span></a></li> <li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit the source code of this page [e]" accesskey="e"><span>Edit</span></a></li> <li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=history&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb"> <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:WhatLinksHere/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li> <li id="t-recentchangeslinked" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:RecentChangesLinked/Manual:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li> <li id="t-upload" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://commons.wikimedia.org/wiki/Special:UploadWizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li> <li id="t-specialpages" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:SpecialPages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li> <li id="t-permalink" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&oldid=6778262&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li> <li id="t-info" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=info&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="More information about this page"><span>Page information</span></a></li> <li id="t-cite" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CiteThisPage&page=Manual:Dark_mode&id=6778262&wpFormIdentifier=titleform&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Information on how to cite this page"><span>Cite this page</span></a></li> <li id="t-urlshortener" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UrlShortener&url=https://www.mediawiki.org/wiki/Manual:Dark_mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get shortened URL</span></a></li> <li id="t-urlshortener-qrcode" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:QrCode&url=https://www.mediawiki.org/wiki/Manual:Dark_mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export"> <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:Book&bookcmd=book_creator&referer=Manual:Dark+mode&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Create a book</span></a></li> <li id="coll-download-as-rl" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:DownloadAsPdf&page=Manual:Dark_mode&action=show-download-screen&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Download as PDF</span></a></li> <li id="t-print" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&printable=yes&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet"> <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container"> <div class="vector-pinnable-header-label"> Appearance </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div id="siteSub" class="noprint"> From mediawiki.org </div> </div> <div id="contentSub"> <div id="mw-content-subtitle"></div> </div> <div id="mw-content-text" class="mw-body-content"> <div class="mw-pt-translate-header noprint nomobile" dir="ltr" lang="en"> <a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:Translate&group=page-Manual:Dark+mode&action=page&filter&action_source=translate_page&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:Translate">Translate this page</a> </div> <div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"> <div class="mw-pt-languages noprint navigation-not-searchable" lang="en" dir="ltr"> <div class="mw-pt-languages-label"> Languages: </div> <ul class="mw-pt-languages-list"> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode/de?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="Handbuch:Dunkler Modus (50% translated)" lang="de" dir="ltr">Deutsch</a></li> <li><span class="mw-pt-languages-ui mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete" lang="en" dir="ltr">English</span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode/ha?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="Manual:Dark mode/ha (50% translated)" lang="ha" dir="ltr">Hausa</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode/fr?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="Manuel:Mode sombre (50% translated)" lang="fr" dir="ltr">français</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode/zh?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--complete" title="Manual: (100% translated)" lang="zh" dir="ltr">中文</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Dark_mode/ja?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="Manual:ダークモード (25% translated)" lang="ja" dir="ltr">日本語</a></li> </ul> </div> <p><b>Dark mode</b> is when MediaWiki's uses a <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/wiki/Light-on-dark_color_scheme" class="extiw" title="w:Light-on-dark color scheme">light-on-dark color scheme.</a> This can be implemented with <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Skins?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Manual:Skins">a skin</a>, an <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/extension?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/extension">extension</a> or <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Interface/JavaScript?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Manual:Interface/JavaScript">user style/gadget</a>.</p> <meta property="mw:PageProp/toc"> <div class="mw-heading mw-heading2"> <h2 id="How_to_enable_dark_mode">How to enable dark mode</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=1&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: How to enable dark mode"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <div class="mw-heading mw-heading3"> <h3 id="Recommended_solutions">Recommended solutions</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=2&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Recommended solutions"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>In 2024, the recommend way for MediaWiki skins to use dark mode is to make use of <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS custom properties</a> and define a dark mode palette that applies in the scenarios where the user has expressed a preference for dark mode at the operating system level (using <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme">prefers-color-scheme</a>) or opted into dark mode via the UI.</p> <p>This solution is supported on Wikimedia projects in the Wikipedia App, the Vector 2022 and Minerva skins. One of the implications of this is that template editors must adapt their content to work in dark mode.</p> <p>Therefore, template authors should be familiar with <a href="https://www-mediawiki-org.translate.goog/wiki/Recommendations_for_dark_mode_compatibility_on_Wikimedia_wikis?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-redirect" title="Recommendations for dark mode compatibility on Wikimedia wikis">Recommendations for dark mode compatibility on Wikimedia wikis</a> for understanding how to make templates that are compatible with MediaWiki's dark mode implementations.</p> <p>Skins that support dark mode are collected under <a href="https://www-mediawiki-org.translate.goog/wiki/Category:Skins_with_dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:Skins with dark mode">Category:Skins with dark mode</a>.</p> <div class="mw-heading mw-heading3"> <h3 id="Generic_solutions">Generic solutions</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=3&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Generic solutions"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>A typical generic solution to dark mode is to apply a CSS filter across the entire page, to make the page darker. This approach can be applied generally to all skins that do not support dark mode, however has several limitations including</p> <ul> <li>performance problems on large pages and older devices</li> <li>can lead to misinformation - where colors correspond with information, and are incorrectly darkened for example articles about colors e.g. International Orange</li> </ul> <p>For third parties, that understand the downsides of this approach, the <a href="https://www-mediawiki-org.translate.goog/wiki/Extension:DarkMode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Extension:DarkMode">Extension:DarkMode</a> can be installed or a <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/wiki/User:Volker_E._(WMF)/dark-mode" class="extiw" title="en:User:Volker E. (WMF)/dark-mode">MediaWiki gadget / site-wide user script can be applied</a>. For logged in users, the gadget can be modified as <a href="https://www-mediawiki-org.translate.goog/wiki/Manual:Interface/JavaScript?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Manual:Interface/JavaScript">a user script</a> and for anonymous users, various browser extensions exist.<a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/w/index.php?title%3DWikipedia:Dark_mode">Wikipedia:Dark_mode</a> lists various options for registered and unregistered users.</p> <div class="mw-heading mw-heading3"> <h3 id="User_stylesheets">User stylesheets</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=4&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: User stylesheets"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>An alternative approach for adding dark mode is to define a user stylesheet that overrides existing rules provided by the skins. The problem with this is that it must be updated every time the skin changes.</p> <p>Such user styles are collected in <a href="https://www-mediawiki-org.translate.goog/wiki/Category:User_scripts_for_enabling_dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:User scripts for enabling dark mode">Category:User scripts for enabling dark mode</a> and may be packaged as user <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/CSS?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/CSS">CSS</a> or <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/gadget?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/gadget">gadgets</a>.</p> <div class="mw-heading mw-heading3"> <h3 id="Forcing_dark_mode_temporarily">Forcing dark mode temporarily</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=5&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Forcing dark mode temporarily"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>You can also force the dark mode feature on a page. Add <code>?vectornightmode=1</code> (for Vector 2022, the desktop skin) or <code>?minervanightmode=1</code> (for Minerva, the mobile skin) to the URL.</p> <div class="mw-heading mw-heading2"> <h2 id="How_to_report_issues_with_dark_mode">How to report issues with dark mode</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=6&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: How to report issues with dark mode"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <div class="mw-heading mw-heading3"> <h3 id="Issues_with_third-party_gadgets">Issues with third-party gadgets</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=7&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Issues with third-party gadgets"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>Please report issues with gadgets or user scripts directly to the associated gadget or user script talk page. Please do not use Phabricator to report issues with gadgets as they will not reach the right person.</p> <div class="mw-heading mw-heading3"> <h3 id="Issues_with_content_in_Wikimedia_sites">Issues with content in Wikimedia sites</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=8&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Issues with content in Wikimedia sites"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>For issues relating to the content itself - for example infoboxes or boxes that appear on the side of the article, it is best to directly report them to editors via the talk page or attempt to fix them using <a href="https://www-mediawiki-org.translate.goog/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Recommendations for night mode compatibility on Wikimedia wikis">Recommendations for night mode compatibility on Wikimedia wikis</a> as a guide.</p> <p>In some cases, you may be able to fix issues yourselves by clicking edit and updating inline styles. In other cases, fixes may require edits to commonly <a href="https://www-mediawiki-org.translate.goog/wiki/Transclusion?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Transclusion">transcluded</a> templates, that you do not have permission to edit. If you need to identify the template responsible, you can click edit using VisualEditor and hover over the element to identify the associated template. Use the talk page to communicate the issue.</p> <div class="mw-heading mw-heading3"> <h3 id="Issues_with_user_interface_in_Wikimedia_software">Issues with user interface in Wikimedia software</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=9&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: Issues with user interface in Wikimedia software"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <p>For issues in dark mode, please file bugs against the associated extension. For example if you notice an issue inside the <a href="https://www-mediawiki-org.translate.goog/wiki/Extension:Echo?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Extension:Echo">Echo</a> notification dialog, please file a ticket against the Echo extension and tag <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/project/view/7232/" class="extiw" title="phab:project/view/7232/">#dark-mode</a>. Note: The generic catch all hash tag <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/project/view/7232/" class="extiw" title="phab:project/view/7232/">#dark-mode</a> is provided for when you are unable to identify the reason for the bug. This is loosely monitored and will eventually be redirected to the correct maintainer.</p> <p>Note for issues specifically on non-Wikimedia sites, with <a href="https://www-mediawiki-org.translate.goog/wiki/Extension:DarkMode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Extension:DarkMode">Extension:DarkMode</a> please use <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/project/view/4006/" class="extiw" title="phab:project/view/4006/">the dedicated phabricator tag</a>. This extension is not used on Wikimedia sites.</p> <div class="mw-heading mw-heading2"> <h2 id="History">History</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=10&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: History"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <style data-mw-deduplicate="TemplateStyles:r6651107">.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("https://upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}</style> <div role="note" class="note note-info"> Timeline may be out of date and some dates prior to 2019 may be inaccurate - please update if you have the knowledge! </div> <p><b>2010:</b> A <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/wiki/Light-on-dark_color_scheme" class="extiw" title="en:Light-on-dark color scheme">light-on-dark color scheme</a> (dark mode, night mode) has been suggested as an option/enhancement to Wikipedia numerous times since 2010, including on <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/T26070" class="extiw" title="phab:T26070">Phabricator</a>.</p> <p><b>February 2019</b> Dark mode is the 2nd wish of the large ideas on <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://meta.wikimedia.org/wiki/Community_Wishlist_Survey_2022/Results/Larger_suggestions" class="extiw" title="metawiki:Community Wishlist Survey 2022/Results/Larger suggestions">the community wishlist survey</a>. It is planned under the scope of the <a href="https://www-mediawiki-org.translate.goog/wiki/Reading/Web/Desktop_Improvements?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Reading/Web/Desktop Improvements">desktop improvements</a> project so <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://meta.wikimedia.org/wiki/Community_Wishlist_Survey_2019/Status_report_1%23Night_Mode" class="extiw" title="metawiki:Community Wishlist Survey 2019/Status report 1">declined from the wishlist</a>.</p> <p><b>May 2019</b> The <a href="https://www-mediawiki-org.translate.goog/wiki/Reading/Web/Desktop_Improvements?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Reading/Web/Desktop Improvements">desktop improvements</a> project begins. This kick starts work on the design system <a href="https://www-mediawiki-org.translate.goog/wiki/Codex?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Codex">Codex</a>, design tokens and architectural rewrites that may eventually facilitate the creation of a dark mode experience.</p> <p><b>May 2019</b> The Community Tech team discuss applying a generic dark mode solution that uses an invert, as part of the Wishlist survey.</p> <p><b>September 2019</b> Volker releases the <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/w/index.php?title%3DUser:Volker_E._(WMF)/dark-mode%26action%3Dhistory">first dark mode gadget</a>.</p> <p><b>December 2021</b> English Wikipedia adds a dark mode gadget</p> <p><b>February 2022</b> Dark mode is the top wish of the large ideas on <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://meta.wikimedia.org/wiki/Community_Wishlist_Survey_2022/Results/Larger_suggestions" class="extiw" title="metawiki:Community Wishlist Survey 2022/Results/Larger suggestions">the community wishlist survey</a>.</p> <p><b>February 2023</b> Dark mode tops the <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://meta.wikimedia.org/wiki/Community_Wishlist_Survey_2023/Results" class="extiw" title="metawiki:Community Wishlist Survey 2023/Results">community wishlist 2023</a></p> <p><b>June 2023</b> The <a href="https://www-mediawiki-org.translate.goog/wiki/Reading/Web/Desktop_Improvements?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Reading/Web/Desktop Improvements">desktop improvements</a> project concludes, adding support for <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/T333867" class="extiw" title="phab:T333867">preferences for logged out users</a>. We are able to consider a native dark mode experience for anonymous users for the first time.</p> <p><b>July 2023</b> The <a href="https://www-mediawiki-org.translate.goog/wiki/Reading/Web/Accessibility_for_reading?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Reading/Web/Accessibility for reading">accessibility for reading project</a> begins with scope of supporting adding controls for changing text size and color scheme.</p> <p><b>November 2023</b> Dark mode is announced on the <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://diff.wikimedia.org/2023/11/24/dark-mode-is-coming/" class="extiw" title="diffblog:2023/11/24/dark-mode-is-coming/">Wikimedia blog</a></p> <p><b>January 2024</b> Development on dark mode begins.</p> <p><b>March 2024</b> Support was added for CSS variables in <a href="https://www-mediawiki-org.translate.goog/wiki/Codex?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Codex">Codex</a>.</p> <p><b>June 2024</b> Support was added for CSS variables in <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI">OOUI</a>.</p> <div class="mw-heading mw-heading2"> <h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&action=edit&section=11&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span> </div> <ul> <li><a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/w/index.php?title%3DWikipedia:Dark_mode">Wikipedia:Dark_mode</a></li> <li><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/wiki/Light-on-dark_color_scheme" class="extiw" title="w:Light-on-dark color scheme">dark color scheme</a></li> </ul>   </div> <noscript> <img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"> </noscript> <div class="printfooter" data-nosnippet=""> Retrieved from "<a dir="ltr" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Manual:Dark_mode&oldid=6778262&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">https://www.mediawiki.org/w/index.php?title=Manual:Dark_mode&oldid=6778262</a>" </div> </div> <div id="catlinks" class="catlinks" data-mw="interface"> <div id="mw-normal-catlinks" class="mw-normal-catlinks"> <a href="https://www-mediawiki-org.translate.goog/wiki/Special:Categories?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:Categories">Category</a>: <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:Dark_mode?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:Dark mode">Dark mode</a></li> </ul> </div> </div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer"> <ul id="footer-info"> <li id="footer-info-lastmod">This page was last edited on 30 September 2024, at 12:54.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. Text in <a class="external text" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Help:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">the Help: namespace</a> is available under the <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 License</a>. By using this site, you agree to the <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:About?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">About mediawiki.org</a></li> <li id="footer-places-disclaimers"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:General_disclaimer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Code_of_Conduct?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://stats.wikimedia.org/%23/www.mediawiki.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://m.mediawiki.org/w/index.php?title%3DManual:Dark_mode%26mobileaction%3Dtoggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www-mediawiki-org.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-74cc59cb9d-vsjkl","wgBackendResponseTime":134,"wgPageParseReport":{"limitreport":{"cputime":"0.159","walltime":"0.204","ppvisitednodes":{"value":103,"limit":1000000},"postexpandincludesize":{"value":416,"limit":2097152},"templateargumentsize":{"value":234,"limit":2097152},"expansiondepth":{"value":5,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":2745,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 17.833 1 Template:Note","100.00% 17.833 1 -total"]},"cachereport":{"origin":"mw-web.eqiad.main-59856bd7d8-dv9xd","timestamp":"20241119180221","ttl":2592000,"transientcontent":false}}});});</script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

Manual:Dark mode - MediaWiki