MediaWiki - User contributions [en]

Universal Language Selector/WebFonts

2025-05-01T05:51:39Z

Depotadore: /* Usage statistics */

<div style="float:{{dir|{{pagelang}}|left|right}}">__TOC__</div>
=== Web fonts - Introduction ===
[[File:ULS-Font-Settings-new.png|400px|thumb|{{dir|{{pagelang}}|left|right}}|Font Selection on [[Universal Language Selector|Universal Language Selector]] (ULS)]]

Wikimedia wikis are available in nearly 300 languages. Although the wikis in English receive much of the traffic, the other language wikis (using Latin and non-Latin scripts) also generate considerable volume of content. Additionally, the Latin script based wikis contain pages with content fragments written in non-Latin script. Apart from Wikipedia, sister projects like Wiktionary, Wikisource are also largely multilingual.

Latin script based languages do not face many serious issues related to the availability of fonts to read content on the variety of devices used by users. But non-Latin languages often face issues with reading content when fonts on the operating systems are unavailable, out-dated, bug-ridden or aesthetically sub-optimal for reading content.

In some cases, non-Latin wiki pages also display banners at the top of the page (Eg: See [[:ml:|Malayalam wikipedia]]) asking users to visit a help page if they encounter problems while reading the text. These help pages contain links to download fonts and installation instruction for different operating systems.

For many languages, if the operating system is not recent, chances are that fonts are not available by default. For example, the fonts for the Odia script are available only in very recent versions of the Windows operating systems. Similarly, new characters are being encoded in Unicode for non-latin languages and they are not available in the fonts that may already exist in the various operating systems (including the newer versions). For example, 5 characters that were encoded for the Malayalam script can be used only in fonts on Windows 7. The same fonts when used in other operating systems or versions may not necessarily provide similar usability for reading content.

Wikimedia attempted to solve this problem in 2011 using the MediaWiki extension [[Extension:WebFonts|Webfonts]]. In 2013, this extension was deprecated and all its features integrated into the [[Extension:Universal Language Selector|Universal Language Selector]] extension, which provides additional language features including input methods and language selection.

Besides solving the problem of non-availability of fonts for many languages, this extension provides a way to serve fonts in wikipages for a few other (somewhat interesting) use-cases as well.

The Webfonts technology provides an opportunity to have special fonts to resolve accessibility issues related to reading. The [http://opendyslexic.org/ OpenDyslexic] font is one such special font that makes use of font weights and design to alleviate problems related to reading content. This is particularly useful for readers requiring assistance on account of the medical condition Dyslexia.

Wikipedia's sister project Wikisource attempts to digitize and preserve copyright-expired literature. Some of these books require special fonts to convey the content properly. For example, a grammar book in Hebrew wants a traditional writing style to explain the concepts. Webfonts helps there by specifying and providing the exact font required.

=== Challenges ===

Webfont technology is becoming more and more popular on the web, with Google Web Fonts as one of the best known providers of [https://fonts.googleblog.com/2010/11/web-fonts-on-rise.html free webfont service]. But the use case for this technology is still mainly for aesthetic purpose. Non-Latin webfonts are not as popular as Latin script fonts. Google's webfont repository serves [https://fonts.googleblog.com/2010/09/international-fonts-launch-today.html a few non-Latin fonts].

To get the desired rendering, serving fonts is not enough. The operating system should be capable of rendering the script using the font. Windows XP Service pack 2 and older versions cannot render Indic complex scripts, no matter whether the font is present or not. Android was not capable of rendering any complex scripts before 4.x versions even though native browsers supported webfonts.

==== Rendering Inconsistency ====

In addition to issues with varied connections and browsers, it’s also important to consider how fonts are rendered across operating systems.

macOS and Windows have fundamentally different philosophies when it comes to rendering text. macOS uses anti-aliasing to smooth text, while Windows Vista and 7 use a technology called ClearType to render more detailed text.

Windows XP does neither (by default, but can be enabled), and Linux might do any number of things depending on how it’s configured.

Windows has two different rendering modes: the newer DirectWrite and the older GDI. The two modes can produce substantially different results.

IE9, Firefox 4 and Chrome 37 use DirectWrite, and they can use hardware acceleration to render pages. If hardware acceleration isn’t available or has been turned off, fonts don’t look quite as smooth in these browsers.

Chrome (before version 37) uses GDI, and Firefox 7 implemented a preference that specifies a list of fonts for which GDI rendering will be used at sizes below 16px. By default the list contains fonts such as Arial, Tahoma, Verdana, Trebuchet MS, Segoe UI and Consolas. Downloadable fonts will always use [http://blog.mozilla.org/nattokirai/2011/08/11/directwrite-text-rendering-in-firefox-6/ DirectWrite].

Windows ClearType takes advantage of the fact that pixels on LCD screens are composed of red, green, and blue vertical bars. It treats these bars as narrow pixels, allowing Windows to display more detail in text.

ClearType can make text sharper and more readable, but sometimes it creates a colored shadow around text; some people complain it gives them a headache. There is an "Adjust ClearType Text" tool to configure ClearType for your display. If the software isn’t configured properly, it can actually make text [http://sixrevisions.com/css/font-face-web-fonts-issues/ harder to read].

CSS3 has a property called "font-smooth" that is designed to provide an anti-aliasing of web fonts. As of 2022, it does not appear to be supported by any of [https://developer.mozilla.org/docs/Web/CSS/font-smooth the major modern browsers].

Webfont rendering with Windows is a challenge that Google Web Fonts service also faces. Stack Overflow has several questions about bad font rendering by Google Chrome even with Google Web Fonts. [https://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome/11493510#11493510 12]

Google webfont users use SVG fonts to render whenever possible to avoid dependency on operating system rendering engines. This works well as long as your font is simple, without hints and without Opentype tables or instructions. A Latin font (but not all languages) may get correctly rendered using SVG fonts, but non-Latin fonts usually need Opentype instructions for correct rendering. [http://thottingal.in/blog/2011/08/20/svg-fonts/ SVG font format] does not support them, and basically using an SVG font for, say, Hindi guarantees wrong rendering.

==== Impact on bandwidth ====

The number of glyphs present in non-Latin fonts poses a challenge for bandwidth usage. While a normal English font can have font size below 100 Kilobytes, a Malayalam script font will have about 1000 glyphs and size above 300 Kilobytes in truetype (.ttf) format.

The Jomolhari font for Tibetan script is 352.4 KB; the TrueType Akkadian font used for Cuneiform is 772 KB; and the Tuladha Jejeg font for Javanese script is 399 KB. But some non-Latin fonts are very small: the Lohit Devanagari font for Devanagari script (Hindi, Marathi, Sanskrit) is just 37 KB. The smallest font we have is the Saweri font for Buginese languages: 3.6 KB. The Shapour font used for Pahlavi script is 4KB.

Small fonts are perfect for web use. Anything more than, say, 100KB costs bandwidth, because the font is downloaded along with the page content. A typical thumbnail image shown in a wiki page will be around 15-20 KB in size (e.g.,[[w:File:President_Barack_Obama.jpg| the image of Barack Obama on his wikipage]] is 18.6 KB). We can say adding the font addition is similar including the image in a page. But if the font is bigger, more bandwidth is consumed. There are multiple bandwidth optimizations done- a font gets downloaded only once, when you visit the page for the first time; a font in a webfont format, like eot or woff, is very compressed; etc. While a font is being downloaded, browsers will try to render the content using a system fallback font, and use the downloaded font when it is ready. This will cause a flash in the webpage often known as FOUT. The visibility of this FOUT is more noticeable when the font is big, but with current browser technology this is unavoidable.

The bandwidth issue gets more serious if the wiki page has multiple languages, each of which uses a webfont. A typical wiki page is multilingual. Every wiki page has a sidebar showing interwiki links to articles in other languages about the same topic. The wiki page about [[:en:wp:Barack_Obama|Obama]] exists in 204 languages besides English, and has interwiki links to all of them, using about 28 non-Latin scripts.

Imagine a wiki page has all languages, and we use our webfont repository to render these languages, if the language has a default font. The total bandwidth usage is calculated as 3.8 MB. Does such a page exist? Yes, see https://translatewiki.net/wiki/Special:SupportedLanguages. But the strings are all language names. (We are handling this situation in a different way. Read on.)

==== Selection of fonts ====

Availability of free licensed fonts for non-Latin languages is a challenge. There are a lot of languages without any free licensed font. Sometimes the font available will be bad in quality. This does not mean there are good proprietary licensed fonts. Because of this, for some languages we end up using a low quality font since there is no other choice. Large-scale deployment of these fonts creates a lot of users and they report bugs. Another headache is an inactive upstream. Most of the fonts will not be version controlled, and there won't be any issue trackers. Sometimes the maintainer or author of the font won't respond to our attempts to [https://code.google.com/archive/p/tharlon-font/issues communicate].

Because of this, we try to choose fonts with an active upstream, version control, issue tracker. But sometimes we end up with no choice.

Sinhala has only one free licensed font, LKLUG, by the Lanka Linux Users group. When we inquired whether that font is actively maintained, the answer was no. The [https://www.gnu.org/s/freefont/ GNU FreeFont project]'s Serif font has Sinhala glyphs copied from LKLUG, but they have not been updated for a long time. The Sri Lankan government recently released some Sinhala fonts, but unfortunately the licensing conditions prevent us from using them.

Thaana, written in the Divehi script, did not have any fonts. GNU FreeSans had glyphs for this script, but FreeSans as such cannot be used as a webfont since it is a large font covering lots of scripts. With the help of the FreeFont project, these glyphs were extracted to create a new font for Thaana named FreeFontThaana.[http://savannah.gnu.org/task/?12545][https://savannah.nongnu.org/projects/thaana][[phab:T44812]]

Tamil, using Tamil script, had only one free licensed font—[https://pagure.io/lohit Lohit Tamil from Red Hat]—but the Tamil community did not want it as the default font for Tamil because of [https://ta.wikipedia.org/s/30hp bad quality in rendering], so it has been kept as an optional font. Lohit Tamil is also distributed by Google as part of [https://fonts.google.com/earlyaccess Google Web Fonts].

Fonts were added to the font repository based on bug reports we received in {{ll|Bugzilla|Wikimedia Bugzilla}} (until 2014) and {{ll|Phabricator|Wikimedia Phabricator}}.
There were some additions based on community requests by mailing lists, hackathons, talk page requests etc.

We include the bug reports or request sources for font addition in source code so that we can trace why a particular font was added and when.

=== Table of languages and default fonts ===

{| class="wikitable sortable"
|-
!LangCode
!Lang name
!Default font
!Size of woff in KB
|-
|bug||Buginese||Saweri||3.6
|-
|mak||Makasar||Saweri||3.6
|-
|pal||Middle Persian (Pahlavi)||Shapour||4
|-
|peo||Old Persian||Artaxerxes||1.4
|-
|lo||Lao||Phetsarath||15
|-
|hbo||Ancient Hebrew||Taamey Frank CLM||36
|-
|arc||Aramaic||Estrangelo Edessa||39.5
|-
|syc||Syriac (ܣܘܪܝܝܐ) ||Estrangelo Edessa||39.5
|-
|saz||Saurashtra (ꢱꣃꢬꢵꢯ꣄ꢡ꣄ꢬꢵ)||Pagul||69
|-
|km||Khmer||KhmerOSbattambang||76
|-
|dv||Divehi||FreeFont-Thaana||104
|-
|su
|Sundanese
|NotoSansSundanese
|9.2
|-
|ii||Sichuan Yi||Nuosu SIL||133
|-
|my||Burmese||TharLon||159
|-
|bn||Bengali||Siyam Rupali||165
|-
|bpy||Bishnupria Manipuri||Siyam Rupali||165
|-
|cr||Cree (ᓀᐦᐃᔭᐍᐏᐣ)||OskiEast||169
|-
|am||Amharic||AbyssinicaSIL||250
|-
|gez||Ge'ez||AbyssinicaSIL||250
|-
|ti||Tigrinya||AbyssinicaSIL||250
|-
|tig||Tigre||AbyssinicaSIL||250
|-
|dz,bo and languages in [https://en.wikipedia.org/wiki/Tibetan_script Tibetan script]||Dzongkha, Standard Tibetan,…||BabelStone Tibetan Slim||827
|-
|jv-java||Javanese (ꦧꦱꦗꦮ)||Tuladha Jejeg||399
|-
|sux||Sumerian||Akkadian||772
|-
|akk||Akkadian||Akkadian||772
|}

And if around 450 languages appear on a page (as language selector or similar cases) the total font size is 50KB (Autonym font).

See also [[Universal Language Selector/WebFonts/WebFonts Status]].

You can browse all the fonts included.

{{anchor|How webfonts are applied?}}

=== How webfonts are applied ===

Webfonts are by default '''disabled''' in all WMF wikis. Users need to enable them using ULS preferences window. Once enabled, webfonts are applied based on a decision algorithm as given below.

Webfonts are applied using a jquery library -[https://github.com/wikimedia/jquery.webfonts jquery.webfonts]. jQuery webfonts is configured with the MW webfonts repository.

[[File:ULS-WebFonts-Workflow-Diagram.png|border|1000px|ULS WebFonts Workflow Diagram]]

On page load, jquery.webfonts starts its job. The plugin is applied to the body. A webfont applicable to the body is chosen and applied. jquery.webfonts starts looking for HTML elements with the <code>lang</code> attribute. If the element has a language attribute and there is a font applicable for that language, the font is applied to that element. The CSS <code>font-family</code> attribute of the element is also checked. If the font family contains a font, and it is present in the webfonts repository, that font should be delivered to the client. That much is the high level working of jquery.webfonts. Now to the details:

{{anchor|Identifying which font to be applied}}
==== Identifying the font to be applied ====

''By specifying font-family''

Inside the wiki text YourText, the webfonts extension will check whether the font is available; if so it will download it to the client so that the reader will not face any difficulty in reading the text even if the font specified is not available in their computer.

''By specifying language''

Inside the wiki text YourText, we will check whether any font is available for the given language with the extension; if so it will download it to the client. If there are multiple fonts for the language, the default font will be used. If the default font is not preferred, use the font-family approach to specify the font. If the tag has both lang and font-family definitions, font-family gets precedence.

==== User preferences ====

For every language, users can choose a webfont from the available fonts or can choose to opt out—i.e., do not use webfonts for the language. The default font for a language is based on the user community requests. Depending on the language support available in operating systems, some communities do not demand default webfonts. For them, system fonts (no webfont) will be the default preference. For some other languages, the user community demanded setting a specific font as the default font to be applied. The list of languages with a non-system default font is given above.

The user preferences are slightly more complicated than we imagined. These font preferences are provided using a cog icon in every page or as part of the language selector at the top of the page. But there is another font selector in MediaWiki preferences to select a font for the edit text area; the options include monospace, sans serif, etc. We want to respect that choice too. So before applying the webfonts to an edit area, we check for the user's preferences from the "Preferences" page of the wiki. That preference gets precedence.

But it doesn't stop there. Browsers apply monospace fonts to the editable fields for some languages without any preference from users. Monospaced makes sense only for a small number of scripts; e.g., monospace does not make sense for Arabic or Indian scripts. Both Google Chrome and Firefox apply monospace font to the edit area if the calculated language is a monospace-applicable language. We need to respect this behavior from browsers too. Our code should not override this behavior, so as not to annoy users by changing the appearance.

==== More complications ====

''Font inheritance''

In a multi-language web page, if we apply a font to a top element associated with a language, as per usual CSS inheritance behavior it gets applied to the child nodes. What happens if one of the child node languages differs? For that language, there may be a font to be applied, or no font applicable. If there is a different font to be applied, there is nothing much to worry about, because applying that font breaks the inheritance. But if there is no font to be applied, the parent font gets inherited to this element. This is undesirable, since the child element language does not have a font as per preferences or as per the repository. But how will the font get inherited if the child node is a different language? This happens only when the parent and child share the same script.

To illustrate this with an example, consider a Hindi wiki page with a paragraph in Marathi. Both languages are written using Devanagari script, differing only by a few letters. If the Marathi paragraph did not define any font, a Hindi font will be applied to it. It is not disastrous, but still a bug. We have to break the inheritance at the level of the Marathi paragraph and avoid this happening. Explicitly defining a font family for that paragraph is the way.

''Avoiding too much inline css''

If we are applying webfonts to all elements with a <code>lang</code> attribute, there will be many in a DOM. If the child inherits the font from its parent, there is no need to explicitly define a style for child element. Figuring out this while parsing the body is also important.

==== Font detection ====

Webfont generates CSS that uses a local variable (fontFamilyName) to make sure fonts are not downloaded if a font with the same font-family name exists in the local computer.

That means that if we have FontA as default for LangA, applying FontA to an element does not mean that it always gets downloaded to the client machine. It gets downloaded only when the client computer does not have FontA.

So algorithms to detect local font availability do not help us here. Such algorithms help to programmatically decide an aesthetically good font stack for a target platform. (E.g., see http://www.lalit.org/lab/javascript-css-font-detect/ and read the comments.)

So it is quite possible that even if the user's computer has a font for a particular language, the webfont system will download another font from the server to render text in that language. But in most cases this is the user's choice. For a few languages—those with a default font, listed above—this download occurs without a user preference. Each of those languages is configured to use a default font because of a user community request. So in one sense, it is again a user choice.

It is feasible [http://codepen.io/santhoshtr/pen/BuqwK to detect tofu] for some languages. (Tofu is a glyph inside fonts with the glyph name .notdef as per Opentype specification, shown when a requested glyph not present in font.) But that alone does not detect whether a user will be able to read the content without issues as explained in the beginning of the document.

Even for the languages with default fonts, our servers experienced a significant number of font requests. This urged us to further tune our algorithm to incorporate the above mentioned tofu detection algorithm. The current version of ULS webfonts has [https://gerrit.wikimedia.org/r/108024 tofu detection in place], only for languages having default fonts.

A generic tofu detection algorithm that works for all languages is a complex challenge. We are doing some [http://santhoshtr.github.io/tofudetector/ experiments] on that aspect. A special blank font named Tofu is being attempted by [http://behdad.org/ Behdad Esfahbod] with a few bytes size. But the technology used for that is very advanced and current browsers [https://groups.google.com/forum/#!topic/fonttools/JR1yvwyHj-I do not support it].

==== Font fallback ====

It is quite possible that the text to which the font is applied will have characters outside the font. It is a common practice to add fallback fonts to the <code>fontfamily</code>. attribute. We add sans-serif as the fallback font.

But IE 6 is not capable of doing font-fallback properly. Because of this, if the page contains text within elements having no <code>lang</code> information, squares are displayed. The extension is [https://bugzilla.wikimedia.org/show_bug.cgi?id=33096 disabled in IE 6 browser].

=== Browser compatibility ===

Internet explorer 6 and 7 is blacklisted.

==== Notable browser bugs ====

Google chrome (chromium too) upto version 15 has a bug that cause some complex script webfont being rejected by the browser. This issue is observed only for Meera font of Malayalam. The OTS tool does not show any errors in the font. But the issue is not present in Chrome 17. See Bug report ([https://code.google.com/p/chromium/issues/detail?id=106030]).

In Mac OS X 10.7, Opera browser is not capable of rendering complex scripts like Malayalam. See our detailed test report about various OS-browser combinations. Also see [https://bugzilla.wikimedia.org/show_bug.cgi?id=31823 Bug 31823] - Opera 11.51 does not display saz font.

[https://bugzilla.wikimedia.org/show_bug.cgi?id=33102 OSX 10.7.2/Opera 11.60 has no fallback for Latin characters].

=== Optimizations for bandwidth usage ===

==== Font formats ====

To convert the truetype or opentype fonts to WOFF and EOT formats, google's [https://code.google.com/p/sfntly/ sfntly] tool is used. For EOT format, for optimal compression, MicroTypeExpress format is used.Since [https://code.google.com/p/sfntly/wiki/MicroTypeExpress MicroType Express] gives an approximate 15% gain in compression over gzip, a web font service striving for maximum performance can benefit from implementing EOT compression.

For some languages, the font size can be very big, with careful testing, we can remove all hinting instructions to reduce the size.

==== Caching configuration ====

To ensure that the web fonts files are cached on the clients' machines, font file types must be added to the web server configuration. In Apache2 this consists of:

* Adding font file extensions to the FileTimes regex at FilesMatch for the relevant directory, example:
<pre>
<FilesMatch "\. (gif|jpe?g|png|css|js|woff|svg|eot|ttf)$">
</pre>
* Adding ExpiresByType values to the relevant MIME types, similarly to image MIME types. Note that there's no standard MIME type for TTF. application/x-font-ttf is used for Wikimedia.
* Adding the MIME types:

<pre>
AddType application/x-woff .woff
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
</pre>
For a full example see [https://gerrit.wikimedia.org/r/#patch,unified,657,1,files/apache/apache2.conf.appserver the caching configuration update done for the Wikimedia cluster].

[[File:BitsCache2013.png|Bits caches eqiad cluster network 2013Generated from http://ganglia.wikimedia.org/latest/graph.php?r=year&z=xlarge&c=Bits+caches+eqiad&m=cpu_report&s=by+name&mc=2&g=network_report]]
==== Browser Cache ====

If the font is available in user's local system, font will not be downloaded from the mediawiki server. It will be taken from the user's computer. Otherwise, font will be downloaded from the server only once. ie when the user selects the font first time. Next time on wards, font will be taken from the local cache.

==== Autonym Font ====

When an article on Wikipedia is available in multiple languages, we see the list of the languages in a column on one side of the page. The names on the list are written in the script that the language uses (Also know as language autonym). Which also means that all the appropriate fonts were needed to be present for the autonyms to be displayed. For instance, an article like the one about the Nobel Prize is written in more than 125 languages and needs around 35 fonts to display the names of the languages. Initially this was handled by the native fonts available on the reader's device. If a font did not present, the user would see square boxes (known as tofu) instead of the name of a language. To workaround this problem, not just for the language list, but for other section in the content area as well, the Universal Language Selector (ULS) provides a set of webfonts that were loaded with the page. While this ensured that more language texts were displayed, a serious problem was also encountered. The presence of the additional fonts added an overload on the page, and users saw pages loading much slower than before. To improve client-side performance, webfonts are not applied to the interlanguage links area.

Not using the webfonts for the Interlanguage links seemed like the easiest solution, but it also takes us back to the sub-optimal multilingual experience that we were trying to solve in the first place. Articles may be perfectly displayed thanks to web fonts, but If a link is not displayed in the language list, many users will not be able to discover that there is a version of the article in their language. The autonyms were not just required for the interlanguage links. They were also required for the Language Search and Selection window of the Universal Language Selector, which allows users to find their language if they are on a wiki displaying content in a script unfamiliar to them.

Autonym font tries to solve this. The font contains glyphs and opentype rules for rendering the language autonyms. And it contains only those glyphs for a language. For example, for Thai, the font has glyphs required for rendering ไทย alone.

Font available at [https://github.com/santhoshtr/AutonymFont]

In MediaWiki, add a class 'autonym' to the elements containing language autonyms. The font will be applied automatically from ULS extension.

=== WebFonts and FOUT ===

One unavoidable consequence of using webfonts is flash of unstyled text (FOUT). Most webfonts don't take long to load, but some do.. Browser behavior differs while waiting for the font.

# Use a system font immediately while the webfont loads. When it does, change the font (Firefox behavior- till 2011)
# Keep the text invisible until 3 seconds, then fallback to a system font. When the webfont finally loads (e.g. at 6 seconds) change the text to use it. (current Firefox behavior).
# Keep the text invisible until the webfont is ready (current Safari and Chrome behavior)

From Chrome 35 onward, Chrome is [https://code.google.com/p/chromium/issues/detail?id=235303#c17 going to follow] Firefox behavior.

Some developers use WebFont Loader JS or [http://help.typekit.com/customer/portal/articles/6852-controlling-the-flash-of-unstyled-text-or-fout-using-font-events Typekit] in order to have control over this behavior. But All of the above options are disruptive to the users. Wikimedia webfonts implementation does not do anything special to address this rather than depending on browsers behavior.

Font load events are coming to browsers and provide great insight over when fonts are loaded, allowing you to customize behavior without depending on any heavy javascript libraries.

Google chrome team is [https://docs.google.com/presentation/d/1BsVCOYxfHB6d8w1BFPMzha7_10wNocsY64sylFYdPlY/edit working] on improving the situation by introducing WOFF2 to further reduce font size, performance improvements and font load events

See a [https://plus.google.com/+PaulIrish/posts/MeoUmZxNRZB discussion initiated by Paul Irish on this topic]

=== Client side performance optimization ===

[[ResourceLoader|Resource loader]] refactoring to optimally load only the required javascript is done to reduce the javascript payload.

=== Usage statistics ===
Webfonts are disabled by default in WMF wikis because of high bandwidth usage on clusters and potential slow down on page loads for users. Webfonts needs to be enabled manually by users using ULS preference window. Following graph shows the number of people enabling this feature from the day the default-disable state was introduced.

[[File:ULS-webfonts-enable-stats-feb-apr.png|900px]]

=== Frequently Asked Questions ===

==== I have the font for my language in my computer. Can I disable the feature using preferences? ====
Yes, you can set system font as the preference for your language.

If the font provided by Webfonts is the same font you have in your computer, effectively webfonts will not be applied for that language. In this case a user need not bother about selecting font preferences.

==== Can't the webfonts system detect whether a local computer has font for a language and download fonts? ====
:''See also [[#Font detection]]''
It is possible to detect whether a specific font X is present in the computer. We must know the name of the font to do that test. It is not a straight forward test. We need to create two temporary content elements in the page. Render the content with a fallback font like sans-serif and another with the specific font. If the width and height of the rendered element matches, one can assume that same font was used to render and that happens when fallback font is used instead of specific font. The sample text chosen should be a text that the specific font supports. So if we are testing Hindi, the text should be in Hindi. And the characters chosen should be such that different fonts render them with differing dimensions. This becomes quite complex and non-scalable solution if we are talking about 100s of languages. Knowing all possible font names for a language is also difficult.

It may be possible to detect tofu for a given language, but still not foolproof since not having tofu does not mean that the system has usable fonts for a language.

So we leave the decision of whether a default font to be applied for a language or not to the user community consensus.

[[Category:Universal Language Selector/ru| ]]

Skin talk:Timeless

2025-04-19T05:21:43Z

Depotadore: /* Cluttered */ new section

{{archives}}

== TOC in left column? ==

I really like the Timeless skin. It's simple and elegant.

I also like that categories display in the right column. Is there a way to similarly put the TOC into the left column and possibly replace the Tools section, at least for users not logged in? 99+% users will not be logged in and not be editing using my wiki. They don't need a Tools section at all, but having the TOC being displayed instead would be really nice. The vector-2022 skin does it and I think it's a great feature.

Thanks for reading. [[User:Ohei2|Ohei2]] ([[User talk:Ohei2|talk]]) 08:42, 8 April 2025 (UTC)

:I removed the tools section on https://roter-kreis.de/ (uses Timeless as well) for anonymous users using CSS. This is not an elegant solution, but it works just fine. [[User:Redundant-decadence|Redundant-decadence]] ([[User talk:Redundant-decadence|talk]]) 09:33, 8 April 2025 (UTC)

::Thanks, it's just a neat enough hack to do it.
::I have put the following into ''MediaWiki:Common.css'' as per your suggestion:
::<code>
:: <nowiki>#</nowiki>site-tools.sidebar-chunk { display: none; }
::</code>
::Additionally I have undone this for sysops by adding the following to ''MediaWiki:Group-sysop.css'':
::<code>
::<nowiki>#</nowiki>site-tools.sidebar-chunk { display: block; }
::</code>
::This works fine as far as the wiki tools section is concerned, but from what I have found on the net so far I am afraid the TOC issue is much more complicated. I am now thinking of either displaying the top 5 viewed pages in the right column which should be relatively easy to achieve with some javascripting, or just putting a static list of suggested articles there.
::[[User:Ohei2|Ohei2]] ([[User talk:Ohei2|talk]]) 18:00, 8 April 2025 (UTC)
:Hello there, I actually came here with exactly the same request regarding the TOC. This skin is growing on me, but the one thing I really miss from Vector 2022 is the TOC following along as I scroll down the article. Any advice about how to (try to) do that would be very welcome. [[User:Choucas0|Choucas0]] ([[User talk:Choucas0|talk]]) 18:34, 16 April 2025 (UTC)

== Cluttered ==

The timeless concept i do support because vector skin 2022 without account still is way to small for a mobile user but there is an issue i noticed the alerts and notices icons are way to cluttered so please add spacing [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 05:21, 19 April 2025 (UTC)

Universal Language Selector/WebFonts

2025-04-05T16:17:55Z

Depotadore:

<div style="float:{{dir|{{pagelang}}|left|right}}">__TOC__</div>
=== Web fonts - Introduction ===
[[File:ULS-Font-Settings-new.png|400px|thumb|{{dir|{{pagelang}}|left|right}}|Font Selection on [[Universal Language Selector|Universal Language Selector]] (ULS)]]

Wikimedia wikis are available in nearly 300 languages. Although the wikis in English receive much of the traffic, the other language wikis (using Latin and non-Latin scripts) also generate considerable volume of content. Additionally, the Latin script based wikis contain pages with content fragments written in non-Latin script. Apart from Wikipedia, sister projects like Wiktionary, Wikisource are also largely multilingual.

Latin script based languages do not face many serious issues related to the availability of fonts to read content on the variety of devices used by users. But non-Latin languages often face issues with reading content when fonts on the operating systems are unavailable, out-dated, bug-ridden or aesthetically sub-optimal for reading content.

In some cases, non-Latin wiki pages also display banners at the top of the page (Eg: See [[:ml:|Malayalam wikipedia]]) asking users to visit a help page if they encounter problems while reading the text. These help pages contain links to download fonts and installation instruction for different operating systems.

For many languages, if the operating system is not recent, chances are that fonts are not available by default. For example, the fonts for the Odia script are available only in very recent versions of the Windows operating systems. Similarly, new characters are being encoded in Unicode for non-latin languages and they are not available in the fonts that may already exist in the various operating systems (including the newer versions). For example, 5 characters that were encoded for the Malayalam script can be used only in fonts on Windows 7. The same fonts when used in other operating systems or versions may not necessarily provide similar usability for reading content.

Wikimedia attempted to solve this problem in 2011 using the MediaWiki extension Webfonts. In 2013, this extension was deprecated and all its features integrated into the [[Extension:Universal Language Selector|Universal Language Selector]] extension, which provides additional language features including input methods and language selection.

Besides solving the problem of non-availability of fonts for many languages, this extension provides a way to serve fonts in wikipages for a few other (somewhat interesting) use-cases as well.

The Webfonts technology provides an opportunity to have special fonts to resolve accessibility issues related to reading. The [http://opendyslexic.org/ OpenDyslexic] font is one such special font that makes use of font weights and design to alleviate problems related to reading content. This is particularly useful for readers requiring assistance on account of the medical condition Dyslexia.

Wikipedia's sister project Wikisource attempts to digitize and preserve copyright-expired literature. Some of these books require special fonts to convey the content properly. For example, a grammar book in Hebrew wants a traditional writing style to explain the concepts. Webfonts helps there by specifying and providing the exact font required.

=== Challenges ===

Webfont technology is becoming more and more popular on the web, with Google Web Fonts as one of the best known providers of [https://fonts.googleblog.com/2010/11/web-fonts-on-rise.html free webfont service]. But the use case for this technology is still mainly for aesthetic purpose. Non-Latin webfonts are not as popular as Latin script fonts. Google's webfont repository serves [https://fonts.googleblog.com/2010/09/international-fonts-launch-today.html a few non-Latin fonts].

To get the desired rendering, serving fonts is not enough. The operating system should be capable of rendering the script using the font. Windows XP Service pack 2 and older versions cannot render Indic complex scripts, no matter whether the font is present or not. Android was not capable of rendering any complex scripts before 4.x versions even though native browsers supported webfonts.

==== Rendering Inconsistency ====

In addition to issues with varied connections and browsers, it’s also important to consider how fonts are rendered across operating systems.

macOS and Windows have fundamentally different philosophies when it comes to rendering text. macOS uses anti-aliasing to smooth text, while Windows Vista and 7 use a technology called ClearType to render more detailed text.

Windows XP does neither (by default, but can be enabled), and Linux might do any number of things depending on how it’s configured.

Windows has two different rendering modes: the newer DirectWrite and the older GDI. The two modes can produce substantially different results.

IE9, Firefox 4 and Chrome 37 use DirectWrite, and they can use hardware acceleration to render pages. If hardware acceleration isn’t available or has been turned off, fonts don’t look quite as smooth in these browsers.

Chrome (before version 37) uses GDI, and Firefox 7 implemented a preference that specifies a list of fonts for which GDI rendering will be used at sizes below 16px. By default the list contains fonts such as Arial, Tahoma, Verdana, Trebuchet MS, Segoe UI and Consolas. Downloadable fonts will always use [http://blog.mozilla.org/nattokirai/2011/08/11/directwrite-text-rendering-in-firefox-6/ DirectWrite].

Windows ClearType takes advantage of the fact that pixels on LCD screens are composed of red, green, and blue vertical bars. It treats these bars as narrow pixels, allowing Windows to display more detail in text.

ClearType can make text sharper and more readable, but sometimes it creates a colored shadow around text; some people complain it gives them a headache. There is an "Adjust ClearType Text" tool to configure ClearType for your display. If the software isn’t configured properly, it can actually make text [http://sixrevisions.com/css/font-face-web-fonts-issues/ harder to read].

CSS3 has a property called "font-smooth" that is designed to provide an anti-aliasing of web fonts. As of 2022, it does not appear to be supported by any of [https://developer.mozilla.org/docs/Web/CSS/font-smooth the major modern browsers].

Webfont rendering with Windows is a challenge that Google Web Fonts service also faces. Stack Overflow has several questions about bad font rendering by Google Chrome even with Google Web Fonts. [https://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome/11493510#11493510 12]

Google webfont users use SVG fonts to render whenever possible to avoid dependency on operating system rendering engines. This works well as long as your font is simple, without hints and without Opentype tables or instructions. A Latin font (but not all languages) may get correctly rendered using SVG fonts, but non-Latin fonts usually need Opentype instructions for correct rendering. [http://thottingal.in/blog/2011/08/20/svg-fonts/ SVG font format] does not support them, and basically using an SVG font for, say, Hindi guarantees wrong rendering.

==== Impact on bandwidth ====

The number of glyphs present in non-Latin fonts poses a challenge for bandwidth usage. While a normal English font can have font size below 100 Kilobytes, a Malayalam script font will have about 1000 glyphs and size above 300 Kilobytes in truetype (.ttf) format.

The Jomolhari font for Tibetan script is 352.4 KB; the TrueType Akkadian font used for Cuneiform is 772 KB; and the Tuladha Jejeg font for Javanese script is 399 KB. But some non-Latin fonts are very small: the Lohit Devanagari font for Devanagari script (Hindi, Marathi, Sanskrit) is just 37 KB. The smallest font we have is the Saweri font for Buginese languages: 3.6 KB. The Shapour font used for Pahlavi script is 4KB.

Small fonts are perfect for web use. Anything more than, say, 100KB costs bandwidth, because the font is downloaded along with the page content. A typical thumbnail image shown in a wiki page will be around 15-20 KB in size (e.g.,[[w:File:President_Barack_Obama.jpg| the image of Barack Obama on his wikipage]] is 18.6 KB). We can say adding the font addition is similar including the image in a page. But if the font is bigger, more bandwidth is consumed. There are multiple bandwidth optimizations done- a font gets downloaded only once, when you visit the page for the first time; a font in a webfont format, like eot or woff, is very compressed; etc. While a font is being downloaded, browsers will try to render the content using a system fallback font, and use the downloaded font when it is ready. This will cause a flash in the webpage often known as FOUT. The visibility of this FOUT is more noticeable when the font is big, but with current browser technology this is unavoidable.

The bandwidth issue gets more serious if the wiki page has multiple languages, each of which uses a webfont. A typical wiki page is multilingual. Every wiki page has a sidebar showing interwiki links to articles in other languages about the same topic. The wiki page about [[:en:wp:Barack_Obama|Obama]] exists in 204 languages besides English, and has interwiki links to all of them, using about 28 non-Latin scripts.

Imagine a wiki page has all languages, and we use our webfont repository to render these languages, if the language has a default font. The total bandwidth usage is calculated as 3.8 MB. Does such a page exist? Yes, see https://translatewiki.net/wiki/Special:SupportedLanguages. But the strings are all language names. (We are handling this situation in a different way. Read on.)

==== Selection of fonts ====

Availability of free licensed fonts for non-Latin languages is a challenge. There are a lot of languages without any free licensed font. Sometimes the font available will be bad in quality. This does not mean there are good proprietary licensed fonts. Because of this, for some languages we end up using a low quality font since there is no other choice. Large-scale deployment of these fonts creates a lot of users and they report bugs. Another headache is an inactive upstream. Most of the fonts will not be version controlled, and there won't be any issue trackers. Sometimes the maintainer or author of the font won't respond to our attempts to [https://code.google.com/archive/p/tharlon-font/issues communicate].

Because of this, we try to choose fonts with an active upstream, version control, issue tracker. But sometimes we end up with no choice.

Sinhala has only one free licensed font, LKLUG, by the Lanka Linux Users group. When we inquired whether that font is actively maintained, the answer was no. The [https://www.gnu.org/s/freefont/ GNU FreeFont project]'s Serif font has Sinhala glyphs copied from LKLUG, but they have not been updated for a long time. The Sri Lankan government recently released some Sinhala fonts, but unfortunately the licensing conditions prevent us from using them.

Thaana, written in the Divehi script, did not have any fonts. GNU FreeSans had glyphs for this script, but FreeSans as such cannot be used as a webfont since it is a large font covering lots of scripts. With the help of the FreeFont project, these glyphs were extracted to create a new font for Thaana named FreeFontThaana.[http://savannah.gnu.org/task/?12545][https://savannah.nongnu.org/projects/thaana][[phab:T44812]]

Tamil, using Tamil script, had only one free licensed font—[https://pagure.io/lohit Lohit Tamil from Red Hat]—but the Tamil community did not want it as the default font for Tamil because of [https://ta.wikipedia.org/s/30hp bad quality in rendering], so it has been kept as an optional font. Lohit Tamil is also distributed by Google as part of [https://fonts.google.com/earlyaccess Google Web Fonts].

Fonts were added to the font repository based on bug reports we received in {{ll|Bugzilla|Wikimedia Bugzilla}} (until 2014) and {{ll|Phabricator|Wikimedia Phabricator}}.
There were some additions based on community requests by mailing lists, hackathons, talk page requests etc.

We include the bug reports or request sources for font addition in source code so that we can trace why a particular font was added and when.

=== Table of languages and default fonts ===

{| class="wikitable sortable"
|-
!LangCode
!Lang name
!Default font
!Size of woff in KB
|-
|bug||Buginese||Saweri||3.6
|-
|mak||Makasar||Saweri||3.6
|-
|pal||Middle Persian (Pahlavi)||Shapour||4
|-
|peo||Old Persian||Artaxerxes||1.4
|-
|lo||Lao||Phetsarath||15
|-
|hbo||Ancient Hebrew||Taamey Frank CLM||36
|-
|arc||Aramaic||Estrangelo Edessa||39.5
|-
|syc||Syriac (ܣܘܪܝܝܐ) ||Estrangelo Edessa||39.5
|-
|saz||Saurashtra (ꢱꣃꢬꢵꢯ꣄ꢡ꣄ꢬꢵ)||Pagul||69
|-
|km||Khmer||KhmerOSbattambang||76
|-
|dv||Divehi||FreeFont-Thaana||104
|-
|su
|Sundanese
|NotoSansSundanese
|9.2
|-
|ii||Sichuan Yi||Nuosu SIL||133
|-
|my||Burmese||TharLon||159
|-
|bn||Bengali||Siyam Rupali||165
|-
|bpy||Bishnupria Manipuri||Siyam Rupali||165
|-
|cr||Cree (ᓀᐦᐃᔭᐍᐏᐣ)||OskiEast||169
|-
|am||Amharic||AbyssinicaSIL||250
|-
|gez||Ge'ez||AbyssinicaSIL||250
|-
|ti||Tigrinya||AbyssinicaSIL||250
|-
|tig||Tigre||AbyssinicaSIL||250
|-
|dz,bo and languages in [https://en.wikipedia.org/wiki/Tibetan_script Tibetan script]||Dzongkha, Standard Tibetan,…||BabelStone Tibetan Slim||827
|-
|jv-java||Javanese (ꦧꦱꦗꦮ)||Tuladha Jejeg||399
|-
|sux||Sumerian||Akkadian||772
|-
|akk||Akkadian||Akkadian||772
|}

And if around 450 languages appear on a page (as language selector or similar cases) the total font size is 50KB (Autonym font).

See also [[Universal Language Selector/WebFonts/WebFonts Status]].

You can browse all the fonts included.

{{anchor|How webfonts are applied?}}

=== How webfonts are applied ===

Webfonts are by default '''disabled''' in all WMF wikis. Users need to enable them using ULS preferences window. Once enabled, webfonts are applied based on a decision algorithm as given below.

Webfonts are applied using a jquery library -[https://github.com/wikimedia/jquery.webfonts jquery.webfonts]. jQuery webfonts is configured with the MW webfonts repository.

[[File:ULS-WebFonts-Workflow-Diagram.png|border|1000px|ULS WebFonts Workflow Diagram]]

On page load, jquery.webfonts starts its job. The plugin is applied to the body. A webfont applicable to the body is chosen and applied. jquery.webfonts starts looking for HTML elements with the <code>lang</code> attribute. If the element has a language attribute and there is a font applicable for that language, the font is applied to that element. The CSS <code>font-family</code> attribute of the element is also checked. If the font family contains a font, and it is present in the webfonts repository, that font should be delivered to the client. That much is the high level working of jquery.webfonts. Now to the details:

{{anchor|Identifying which font to be applied}}
==== Identifying the font to be applied ====

''By specifying font-family''

Inside the wiki text YourText, the webfonts extension will check whether the font is available; if so it will download it to the client so that the reader will not face any difficulty in reading the text even if the font specified is not available in their computer.

''By specifying language''

Inside the wiki text YourText, we will check whether any font is available for the given language with the extension; if so it will download it to the client. If there are multiple fonts for the language, the default font will be used. If the default font is not preferred, use the font-family approach to specify the font. If the tag has both lang and font-family definitions, font-family gets precedence.

==== User preferences ====

For every language, users can choose a webfont from the available fonts or can choose to opt out—i.e., do not use webfonts for the language. The default font for a language is based on the user community requests. Depending on the language support available in operating systems, some communities do not demand default webfonts. For them, system fonts (no webfont) will be the default preference. For some other languages, the user community demanded setting a specific font as the default font to be applied. The list of languages with a non-system default font is given above.

The user preferences are slightly more complicated than we imagined. These font preferences are provided using a cog icon in every page or as part of the language selector at the top of the page. But there is another font selector in MediaWiki preferences to select a font for the edit text area; the options include monospace, sans serif, etc. We want to respect that choice too. So before applying the webfonts to an edit area, we check for the user's preferences from the "Preferences" page of the wiki. That preference gets precedence.

But it doesn't stop there. Browsers apply monospace fonts to the editable fields for some languages without any preference from users. Monospaced makes sense only for a small number of scripts; e.g., monospace does not make sense for Arabic or Indian scripts. Both Google Chrome and Firefox apply monospace font to the edit area if the calculated language is a monospace-applicable language. We need to respect this behavior from browsers too. Our code should not override this behavior, so as not to annoy users by changing the appearance.

==== More complications ====

''Font inheritance''

In a multi-language web page, if we apply a font to a top element associated with a language, as per usual CSS inheritance behavior it gets applied to the child nodes. What happens if one of the child node languages differs? For that language, there may be a font to be applied, or no font applicable. If there is a different font to be applied, there is nothing much to worry about, because applying that font breaks the inheritance. But if there is no font to be applied, the parent font gets inherited to this element. This is undesirable, since the child element language does not have a font as per preferences or as per the repository. But how will the font get inherited if the child node is a different language? This happens only when the parent and child share the same script.

To illustrate this with an example, consider a Hindi wiki page with a paragraph in Marathi. Both languages are written using Devanagari script, differing only by a few letters. If the Marathi paragraph did not define any font, a Hindi font will be applied to it. It is not disastrous, but still a bug. We have to break the inheritance at the level of the Marathi paragraph and avoid this happening. Explicitly defining a font family for that paragraph is the way.

''Avoiding too much inline css''

If we are applying webfonts to all elements with a <code>lang</code> attribute, there will be many in a DOM. If the child inherits the font from its parent, there is no need to explicitly define a style for child element. Figuring out this while parsing the body is also important.

==== Font detection ====

Webfont generates CSS that uses a local variable (fontFamilyName) to make sure fonts are not downloaded if a font with the same font-family name exists in the local computer.

That means that if we have FontA as default for LangA, applying FontA to an element does not mean that it always gets downloaded to the client machine. It gets downloaded only when the client computer does not have FontA.

So algorithms to detect local font availability do not help us here. Such algorithms help to programmatically decide an aesthetically good font stack for a target platform. (E.g., see http://www.lalit.org/lab/javascript-css-font-detect/ and read the comments.)

So it is quite possible that even if the user's computer has a font for a particular language, the webfont system will download another font from the server to render text in that language. But in most cases this is the user's choice. For a few languages—those with a default font, listed above—this download occurs without a user preference. Each of those languages is configured to use a default font because of a user community request. So in one sense, it is again a user choice.

It is feasible [http://codepen.io/santhoshtr/pen/BuqwK to detect tofu] for some languages. (Tofu is a glyph inside fonts with the glyph name .notdef as per Opentype specification, shown when a requested glyph not present in font.) But that alone does not detect whether a user will be able to read the content without issues as explained in the beginning of the document.

Even for the languages with default fonts, our servers experienced a significant number of font requests. This urged us to further tune our algorithm to incorporate the above mentioned tofu detection algorithm. The current version of ULS webfonts has [https://gerrit.wikimedia.org/r/108024 tofu detection in place], only for languages having default fonts.

A generic tofu detection algorithm that works for all languages is a complex challenge. We are doing some [http://santhoshtr.github.io/tofudetector/ experiments] on that aspect. A special blank font named Tofu is being attempted by [http://behdad.org/ Behdad Esfahbod] with a few bytes size. But the technology used for that is very advanced and current browsers [https://groups.google.com/forum/#!topic/fonttools/JR1yvwyHj-I do not support it].

==== Font fallback ====

It is quite possible that the text to which the font is applied will have characters outside the font. It is a common practice to add fallback fonts to the <code>fontfamily</code>. attribute. We add sans-serif as the fallback font.

But IE 6 is not capable of doing font-fallback properly. Because of this, if the page contains text within elements having no <code>lang</code> information, squares are displayed. The extension is [https://bugzilla.wikimedia.org/show_bug.cgi?id=33096 disabled in IE 6 browser].

=== Browser compatibility ===

Internet explorer 6 and 7 is blacklisted.

==== Notable browser bugs ====

Google chrome (chromium too) upto version 15 has a bug that cause some complex script webfont being rejected by the browser. This issue is observed only for Meera font of Malayalam. The OTS tool does not show any errors in the font. But the issue is not present in Chrome 17. See Bug report ([https://code.google.com/p/chromium/issues/detail?id=106030]).

In Mac OS X 10.7, Opera browser is not capable of rendering complex scripts like Malayalam. See our detailed test report about various OS-browser combinations. Also see [https://bugzilla.wikimedia.org/show_bug.cgi?id=31823 Bug 31823] - Opera 11.51 does not display saz font.

[https://bugzilla.wikimedia.org/show_bug.cgi?id=33102 OSX 10.7.2/Opera 11.60 has no fallback for Latin characters].

=== Optimizations for bandwidth usage ===

==== Font formats ====

To convert the truetype or opentype fonts to WOFF and EOT formats, google's [https://code.google.com/p/sfntly/ sfntly] tool is used. For EOT format, for optimal compression, MicroTypeExpress format is used.Since [https://code.google.com/p/sfntly/wiki/MicroTypeExpress MicroType Express] gives an approximate 15% gain in compression over gzip, a web font service striving for maximum performance can benefit from implementing EOT compression.

For some languages, the font size can be very big, with careful testing, we can remove all hinting instructions to reduce the size.

==== Caching configuration ====

To ensure that the web fonts files are cached on the clients' machines, font file types must be added to the web server configuration. In Apache2 this consists of:

* Adding font file extensions to the FileTimes regex at FilesMatch for the relevant directory, example:
<pre>
<FilesMatch "\. (gif|jpe?g|png|css|js|woff|svg|eot|ttf)$">
</pre>
* Adding ExpiresByType values to the relevant MIME types, similarly to image MIME types. Note that there's no standard MIME type for TTF. application/x-font-ttf is used for Wikimedia.
* Adding the MIME types:

<pre>
AddType application/x-woff .woff
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
</pre>
For a full example see [https://gerrit.wikimedia.org/r/#patch,unified,657,1,files/apache/apache2.conf.appserver the caching configuration update done for the Wikimedia cluster].

[[File:BitsCache2013.png|Bits caches eqiad cluster network 2013Generated from http://ganglia.wikimedia.org/latest/graph.php?r=year&z=xlarge&c=Bits+caches+eqiad&m=cpu_report&s=by+name&mc=2&g=network_report]]
==== Browser Cache ====

If the font is available in user's local system, font will not be downloaded from the mediawiki server. It will be taken from the user's computer. Otherwise, font will be downloaded from the server only once. ie when the user selects the font first time. Next time on wards, font will be taken from the local cache.

==== Autonym Font ====

When an article on Wikipedia is available in multiple languages, we see the list of the languages in a column on one side of the page. The names on the list are written in the script that the language uses (Also know as language autonym). Which also means that all the appropriate fonts were needed to be present for the autonyms to be displayed. For instance, an article like the one about the Nobel Prize is written in more than 125 languages and needs around 35 fonts to display the names of the languages. Initially this was handled by the native fonts available on the reader's device. If a font did not present, the user would see square boxes (known as tofu) instead of the name of a language. To workaround this problem, not just for the language list, but for other section in the content area as well, the Universal Language Selector (ULS) provides a set of webfonts that were loaded with the page. While this ensured that more language texts were displayed, a serious problem was also encountered. The presence of the additional fonts added an overload on the page, and users saw pages loading much slower than before. To improve client-side performance, webfonts are not applied to the interlanguage links area.

Not using the webfonts for the Interlanguage links seemed like the easiest solution, but it also takes us back to the sub-optimal multilingual experience that we were trying to solve in the first place. Articles may be perfectly displayed thanks to web fonts, but If a link is not displayed in the language list, many users will not be able to discover that there is a version of the article in their language. The autonyms were not just required for the interlanguage links. They were also required for the Language Search and Selection window of the Universal Language Selector, which allows users to find their language if they are on a wiki displaying content in a script unfamiliar to them.

Autonym font tries to solve this. The font contains glyphs and opentype rules for rendering the language autonyms. And it contains only those glyphs for a language. For example, for Thai, the font has glyphs required for rendering ไทย alone.

Font available at [https://github.com/santhoshtr/AutonymFont]

In MediaWiki, add a class 'autonym' to the elements containing language autonyms. The font will be applied automatically from ULS extension.

=== WebFonts and FOUT ===

One unavoidable consequence of using webfonts is flash of unstyled text (FOUT). Most webfonts don't take long to load, but some do.. Browser behavior differs while waiting for the font.

# Use a system font immediately while the webfont loads. When it does, change the font (Firefox behavior- till 2011)
# Keep the text invisible until 3 seconds, then fallback to a system font. When the webfont finally loads (e.g. at 6 seconds) change the text to use it. (current Firefox behavior).
# Keep the text invisible until the webfont is ready (current Safari and Chrome behavior)

From Chrome 35 onward, Chrome is [https://code.google.com/p/chromium/issues/detail?id=235303#c17 going to follow] Firefox behavior.

Some developers use WebFont Loader JS or [http://help.typekit.com/customer/portal/articles/6852-controlling-the-flash-of-unstyled-text-or-fout-using-font-events Typekit] in order to have control over this behavior. But All of the above options are disruptive to the users. Wikimedia webfonts implementation does not do anything special to address this rather than depending on browsers behavior.

Font load events are coming to browsers and provide great insight over when fonts are loaded, allowing you to customize behavior without depending on any heavy javascript libraries.

Google chrome team is [https://docs.google.com/presentation/d/1BsVCOYxfHB6d8w1BFPMzha7_10wNocsY64sylFYdPlY/edit working] on improving the situation by introducing WOFF2 to further reduce font size, performance improvements and font load events

See a [https://plus.google.com/+PaulIrish/posts/MeoUmZxNRZB discussion initiated by Paul Irish on this topic]

=== Client side performance optimization ===

[[ResourceLoader|Resource loader]] refactoring to optimally load only the required javascript is done to reduce the javascript payload.

=== Usage statistics ===
Webfonts are disabled by default in WMF wikis because of high bandwidth usage on clusters and potential slow down on page loads for users. Webfonts needs to be enabled manually by users using ULS preference window. Following graph shows the number of people enabling this feature from the day the default-disable state was introduced.

[[File:ULS-webfonts-enable-stats-feb-apr.png]]

=== Frequently Asked Questions ===

==== I have the font for my language in my computer. Can I disable the feature using preferences? ====
Yes, you can set system font as the preference for your language.

If the font provided by Webfonts is the same font you have in your computer, effectively webfonts will not be applied for that language. In this case a user need not bother about selecting font preferences.

==== Can't the webfonts system detect whether a local computer has font for a language and download fonts? ====
:''See also [[#Font detection]]''
It is possible to detect whether a specific font X is present in the computer. We must know the name of the font to do that test. It is not a straight forward test. We need to create two temporary content elements in the page. Render the content with a fallback font like sans-serif and another with the specific font. If the width and height of the rendered element matches, one can assume that same font was used to render and that happens when fallback font is used instead of specific font. The sample text chosen should be a text that the specific font supports. So if we are testing Hindi, the text should be in Hindi. And the characters chosen should be such that different fonts render them with differing dimensions. This becomes quite complex and non-scalable solution if we are talking about 100s of languages. Knowing all possible font names for a language is also difficult.

It may be possible to detect tofu for a given language, but still not foolproof since not having tofu does not mean that the system has usable fonts for a language.

So we leave the decision of whether a default font to be applied for a language or not to the user community consensus.

[[Category:Universal Language Selector/ru| ]]

Talk:Reading/Web/Desktop Improvements

2025-04-05T11:32:03Z

Depotadore:

{{Reading/Web/Desktop Improvements/Header|1=[[File:Welcome in 21 languages.svg|220px|{{dir|{{pagelang}}|left|right}}|link=]]{{Reading/Web/Desktop Improvements/Talk page intro}}{{clear}}}}{{User:Dexbot/Archivebot
|archive = Talk:Reading/Web/Desktop Improvements/Archive%(counter)s
|algo = old(42d)
|counter = 10
|maxarchivesize = 200K
|minthreadstoarchive = 1
|minthreadsleft = 4
}}
{{WMF present
|1=SGrabarczuk (WMF)|timezone_1=UTC+1/2|lang_1=pl, en, fr|photo_1=Szymon Grabarczuk2.jpg
|2=OVasileva (WMF)|timezone_2=UTC+1/2|lang_2=en, es, bg|photo_2=Vasileva, Olga January 2017.jpg
}}
{{Archive box|
[[Talk:Reading/Web/Desktop Improvements/Archive1|Archive1]] · [[Talk:Reading/Web/Desktop Improvements/Archive2|Archive2]] · [[Talk:Reading/Web/Desktop Improvements/Archive3|Archive3]] · [[Talk:Reading/Web/Desktop Improvements/Archive4|Archive4]] · [[Talk:Reading/Web/Desktop Improvements/Archive5|Archive5]] · [[Talk:Reading/Web/Desktop Improvements/Archive6|Archive6]] · [[Talk:Reading/Web/Desktop Improvements/Archive7|Archive7]] · [[Talk:Reading/Web/Desktop Improvements/Archive8|Archive8]] · [[Talk:Reading/Web/Desktop Improvements/Archive9|Archive9]] · [[Talk:Reading/Web/Desktop Improvements/Archive10|Archive10]] · [[Talk:Reading/Web/Desktop Improvements|Current discussion]]
}}

== Vector 2022 skin search box keyboard shortcut doesn't work at smaller window sizes ==

{{key press|Shift}} {{key press|Alt}} {{key press|F}} is a useful Windows keyboard shortcut in Wikipedia that puts the text insertion point into the search box at the top of the page. This allows the user to quickly search for a new article without having to use the mouse. The Vector (2022) skin has this feature, but it only works when the browser window is a certain minimum size. For example, it doesn't work (= inputting the shortcut does nothing) when the browser window is less than ~75% the width of my monitor. But if I increase the window size to ~80% of monitor width or maximize the window, it works. In the Vector legacy (2010) skin, the keyboard shortcut works at any browser window size.

Please give Vector (2022) the same Ctrl-Shift-F keyboard shortcut working functionality at all browser window sizes that Vector legacy (2010) has.

-[[User:Ripsky4501|Ripsky4501]] ([[User talk:Ripsky4501|talk]]) 19:36, 22 November 2024 (UTC)

== Visibility of Wikipedia search field ==

'''Following content copied from https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(proposals), as advised.'''

Invariably the first thing I want to do after landing at the Wikipedia home page is search for the article that I want to look at. I think it would be sensible to make the search field permanently visible. There is already room there at the top of the page, and although only a click away, it seems unnecessary to have to click on the magnifier. Why not just have the field there ready to type into? Am I right in thinking that it used to be that way? I wonder why it was changed. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 19:53, 8 September 2024 (UTC)

: I think the magnifying glass only appears when the window is narrower than some threshold (looks like about 1100 px). I'm not sure why they do that; there's plenty of space left at all but the most extremely narrow widths to allow for a full search box. But in any case, this is really a Vector 2022 skin issue, not something enwiki has any direct control over. Perhaps ask on [[metawiki:Talk:Reading/Web/Desktop Improvements|meta:Talk:Reading/Web/Desktop Improvements]]? [[User:RoySmith|RoySmith]] [[User talk:RoySmith|(talk)]] 20:04, 8 September 2024 (UTC)
:: You're right, it's dynamically controlled. I didn't realise that. When I lower the browser zoom level the search field becomes visible. It seems to me that all that needs to be done is adjust the "trigger" level at which it is displayed, so it is only suppressed when there is "obviously" not enough room to type a search query. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 20:32, 8 September 2024 (UTC)
::: Yes, but to repeat what I said earlier, this is not anything that is under the control of enwiki. This is a feature of the [[:en:Vector 2022|Vector 2022 skin]], which is under the control of the Wikimedia Foundation web team and best discussed at [[metawiki:Talk:Reading/Web/Desktop Improvements|meta:Talk:Reading/Web/Desktop Improvements]]. [[User:RoySmith|RoySmith]] [[User talk:RoySmith|(talk)]] 20:50, 8 September 2024 (UTC)
:::: Page does not exist / link does not work, though actually I see now that there is another link there pointing to the correct page. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 21:03, 8 September 2024 (UTC)
: We've been getting an influx of questions over this at places like the English Wikipedia's [[:en:WP:HELPDESK|help desk]] and [[:en:WP:TEAHOUSE|Teahouse]]. Was there a recent skin update, WMF staff? I suppose my real question here is: '''Is there a link to a changelog'''? [[User:Tenryuu|Tenryuu]] ([[User talk:Tenryuu|talk]]) 15:39, 10 September 2024 (UTC)
::{{reply to|Tenryuu}} There’s an overly detailed change log called [[phab:source/Vector/history/master/|Git history]]. I don’t know of a less detailed (and thus more usable) change log. —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 21:33, 10 October 2024 (UTC)
:What type of mobile Wikipedia landing page are you talking about? The web or the app? [[User:Progamer15|Progamer15]] ([[User talk:Progamer15|talk]]) 20:08, 21 November 2024 (UTC)
::just realized that this is the wrong topic [[User:Progamer15|Progamer15]] ([[User talk:Progamer15|talk]]) 20:08, 21 November 2024 (UTC)

== User icons ==

User icons do not show up at top right of the page. Please look [https://tr.wikipedia.org/wiki/Kullan%C4%B1c%C4%B1:Akil13?useskin=vector2022 here] --[[User:Superyetkin|Superyetkin]] ([[User talk:Superyetkin|talk]]) 16:42, 13 September 2024 (UTC)

== Severe mobile usability issues with Vector-2022 ==

I'm not sure when it happened other than it must have been some time after February 1st, 2024, though there seems to be a pretty severe usability issue with mobile devices that use some aspect ratios.

Testing was done with responsiveness dev tools in Firefox to emulate a mobile using 858px height and the "Mozilla/5.0 (Linux; Android 10; SM-G988U) AppleWebKit/537.36 (KHTML, like Gecko) Brave Chrome/87.0.4280.66 Mobile Safari/537.36-481" user agent. My Samsung Galaxy S23 Ultra is 1080x2316 so 400x858 uses its approximate 0.47:1 aspect ratio. Testing was done using the MangoRPG wiki on Miraheze. For reproduction: After setting the resolution to 400x858 with the user agent listed a refresh of the page is necessary for the changes to propagate successfully. Adjust horizontal resolution from there.

Please note that the direct pixel values used are largely irrelevant so long as the aspect ratios are maintained. I believe aspect ratio or percents are used rather than direct px values - a good practice in general for compatibility. Direct values will be given however with the test setup so it is easy to reproduce the same results.

With that test setup the following observations were made: After 720px width the icon (img.mw-logo-icon) is zapped. After 500px the space on the left side of the page starts getting eaten into. The mw-page-container shifts to the right as width decreases but the div.vector-header-container does not - that's what all the logo stuff is contained in which has the ☰ hamburger menu, icon, and wiki name. The vector-main-menu-landmark (☰ hamburger menu) getting removed from the screen at 415x858px. Without the navigation menu the wiki thus becomes unusable. For most users I had test the wiki on mobile devices, the ☰ was at least half cut off for all testers which cuts off a portion of the actual navigation when it is used, harming usability even then. The ellipses (...) menu is also cut off of the screen and text cuts off of the screen along with the header if using MRHeader|header or even a level 5 header as they do not wrap for some reason. Shrinking the page or scrolling to the right one can see the cut off text and ellipses menu but scrolling to the left for the ☰ hamburger menu is impossible.

I've attempted to fix it with a custom CSS for the Vector-2022 skin but I'm sadly not an advanced enough user to do so successfully.

Circa February of 2024 the ☰ hamburger menu, logo icon, and wiki name would display without being cut off on mobile devices at 1080x2316 resolution (0.47:1 aspect ratio). I'm not sure what was done to break it as I'm not sure where the changelog even is.

For functionality I recommend that the ☰ hamburger menu should never be be able to be hidden off the left side of the screen similar to how mw-page-container shifts along with its padding regardless of aspect ratio or resolution and if there's space for it the logo icon should display - I can't think of any device that couldn't display a 50x50px icon and smaller ☰ menu. The wiki name (mw-logo-wordmark) should also display if possible. On one line if it can without obstructing the top right menus such as search, ..., and notifications; otherwise wrapping.

-[[User:TiffyWiki|TiffyWiki]] ([[User talk:TiffyWiki|talk]]) 00:19, 22 September 2024 (UTC)

:Update - I managed to fix it on my end after determining the cause.

<syntaxhighlight lang="css">
/* no erasing ☰ */
@media screen and (max-width: 999px) {
.vector-button-flush-left {
margin-left: 20px !important;
}
}
/* no erasing logo */
.mw-logo-icon {
display: block !important;
}
/* no ... going off screen */
@media screen and (max-width: 999px) {
.vector-user-links.vector-user-links-wide {
margin-right: 35px !important;
}
}
</syntaxhighlight>

You can probably discern from this what the cause was. But here are the offenders:

<syntaxhighlight lang="css">
@media (min-width: 720px) {
.mw-logo-icon {
display: block;
}
}
@media screen and (max-width: 999px) {
.vector-button-flush-right {
margin-right: -12px;
}
}
@media screen and (max-width: 999px) {
.vector-button-flush-left {
margin-left: -12px;
}
}
</syntaxhighlight>

I of course recommend correcting these for usability.

-[[User:TiffyWiki|TiffyWiki]] ([[User talk:TiffyWiki|talk]])

== Issue with "tabelle-kopf-fixiert" in German Wikipedia ==

Vector-2022 does not work with tables in German Wikipedia of:

class="wikitable sortable tabelle-kopf-fixiert"

See: https://de.wikipedia.org/wiki/Diskussion:Der_Sonntags-Stammtisch#tabelle-kopf-fixiert

Looks like the issue is already getting discussed here as well:

https://de.wikipedia.org/wiki/Vorlage_Diskussion:Tabellenstile#tabelle-kopf-fixiert_und_Vector2022

- [[User:Berny68|Berny68]] ([[User talk:Berny68|talk]]) 04:57, 21 October 2024 (UTC)

== Screen Real Estate ==

The new format on Desktop improves on certain aspects, but overcorrects certain others. Previously, the lines in articles were too long, that's true, but now they are too short. When reading articles, 66% of my monitor is blank white space from the right and the left. Somewhere between the old format and new is a happy middle ground. Maybe since the site already gives users the option to adjust text size, they can also be given the ability to adjust the margins? [[User:GaDub|GaDub]] ([[User talk:GaDub|talk]]) 03:08, 6 November 2024 (UTC)

:@[[User:GaDub|GaDub]]: Hello, you can [[Reading/Web/Desktop Improvements/Features/Limiting content width|read this page]] to know more the detail and design reason behind limited width feature. You can also share your ideas by submitting wishes to the [[m:Community Wishlist|Community Wishlist]]. Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:28, 9 November 2024 (UTC)

== Can Wikipedia's "wide mode" be back? ==

Unless I am missing on some settings that change where the text and GUI windows should wrap n' stuff [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 06:42, 22 November 2024 (UTC)

:Update: Limited width mode seems to be bugged? [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 06:47, 22 November 2024 (UTC)
::Another update: it went back to wide width. I guess what's needed is to close Wikipedia and then reenter. [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 07:02, 22 November 2024 (UTC)
:@[[User:Slaythe|Slaythe]] Hello, you can follow [[En:Wikipedia:Vector 2022#How to expand the width of the new skin|this instruction]] to change the content width. Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 09:21, 22 November 2024 (UTC)

== 通过颜色区分有无内链 ==
使用旧版Vector或其他皮肤复制带有内链（2个或以上）的一段话时，在带格式粘贴的句子中有内链的字词和普通字词是不同的颜色，而使用Vector 2022复制粘贴则会显示同种颜色。请问在使用Vector 2022时怎么得到前者的效果？[[User:Scorpio2001|Scorpio2001]] ([[User talk:Scorpio2001|talk]]) 00:34, 23 November 2024 (UTC)

== Feature request: expand table of contents ==

Hello. Can you consider adding a "expand/collapse" button in table of contents to show/hide all section titles of or below the second level (and maybe a feature to remember the last choice of status)? A motivation is that in some article the table of contents looks so simple [https://ko.wikipedia.org/w/index.php?title=%EC%9D%B4%EC%B0%A8_%ED%98%95%EC%8B%9D&oldid=38325548]. [[User:慈居|慈居]] ([[User talk:慈居|talk]]) 03:29, 19 December 2024 (UTC)

== Wikidata Skin Feature Missing ==

In Wikidata, only the Vector Legacy skin seems to show a box of wikipedia links on the right side of the entries - an unfortunate limitation:
[[File:Wikidata wikipedia links.png|thumb]]
[[User:Xerus2000|Xerus2000]] ([[User talk:Xerus2000|talk]]) 07:22, 19 December 2024 (UTC)

:New Vector also shows them on the right if you set its ''Width'' setting to ''Wide'' (and you have a wide enough screen). —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 22:18, 20 December 2024 (UTC)

== Sticky header gone after upgrading to MW 1.43 ==

I upgraded from MW 1.42.3 to 1.43 and now the nice sticky header is gone, only the sticky TOC remains. How can I get it back? I'm using the stock Vector-2022 skin. I see it also affects 1.44. [[User:Tactica|Tactica]] ([[User talk:Tactica|talk]]) 01:18, 29 December 2024 (UTC)

:Never mind, I was using 100% magnification in the web browser and the sticky header disappears when going past 90%. [[User:Tactica|Tactica]] ([[User talk:Tactica|talk]]) 04:46, 21 January 2025 (UTC)

== Empty space at page sides ==
On the left side of left vertical navigation and right side of right vertical navigation there is a lot of empty space even when using "wide" mode. Is there a way to use that space e.g. reducing margins between navigation and browser window further? One of the grievances of users is how narrow the new layout is. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 15:18, 11 February 2025 (UTC)

:Hey @[[User:Ipr1|Ipr1]], thanks for coming here to ask this question. I'm afraid the issue is subjective. It depends on the size and resolution of the screen, script, personal taste and expectations, etc. All in all, for now, personal CSS modification is the way to go. We aren't planning on making the interface denser. [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 15:15, 12 February 2025 (UTC)
::Hmm.. There is the "wide" and "narrow" mode in Vector 2022, which changes something in the edges. Could there be a "widest" setting also so the last part of margins is avoided like in older layouts? I am thinking about situations where people have small laptop screens with limited display space available. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 06:17, 13 February 2025 (UTC)
:::I mean, we really don't have any plans for introducing such options :/ We are working on [[Reading/Web/Content Discovery Experiments/Simple Article Summaries|Simple Article Summaries]] now. Perhaps if you could share links to places where people talk about this problem, we would be able to understand the context better and suggest the possible solutions. [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 19:25, 14 February 2025 (UTC)
::::Some people simply switched over to older layout (in Finnish: [https://fi.wikipedia.org/wiki/Wikipedia:Kahvihuone_(tekniikka)#Onko_t%C3%A4%C3%A4_uusi_ulkoasu_optimoitu_mobiilille?_Kovin_on_kapea_ja_ikoniriippuvainen]). Another problem mentioned was that menus started using symbols (picture icons) instead of simple and clear text. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 06:42, 15 February 2025 (UTC)

== Wiki logo ==

Please bring back the wiki logo in Vector 2022 skin. The logo is present in the Vector legacy skin, but not in the new one. https://imgur.com/a/hzwrScy [[User:ThatRandomToast|ThatRandomToast]] ([[User talk:ThatRandomToast|talk]]) 07:38, 17 February 2025 (UTC)

:@[[User:ThatRandomToast|ThatRandomToast]]: You need to configure your wiki to set the appropriate logo in your wiki's <code>LocalSettings.php</code> file. See [[Manual:FAQ#How do I change the logo?]] for what you need to set – modern skins like Vector-2022 use the '<code>icon</code>' value. [[User:Jdforrester (WMF)|Jdforrester (WMF)]] ([[User talk:Jdforrester (WMF)|talk]]) 17:04, 17 February 2025 (UTC)

== [BUG VECTOR 2022]: in edit mode typing doesn't work ==

I switched to vector 2022 and cannot type anymore in the edit source code mode.

Browser: Mozilla Firefox 135.0.1 (64-Bit)

System:

Operating System: Manjaro Linux

KDE Plasma Version: 6.2.5

KDE Frameworks Version: 6.10.0

Qt Version: 6.8.2

Kernel Version: 6.12.12-2-MANJARO (64-bit)

Graphics Platform: X11 [[User:Der Älteste|Der Älteste]] ([[User talk:Der Älteste|talk]]) 22:58, 2 March 2025 (UTC)

:Thanks @[[User:Der Älteste|Der Älteste]]. Would it be possible for you to check if this also happens in different skins and/or without your personalization enabled? To preview how it would work without your personalization enabled, add <code>&safemode=1</code> to the URL in the editing mode. To preview different skins, add for example <code>&useskin=monobook</code> or <code>&useskin=timeless</code>.
:I hope the source code will be working in some of these cases, which would mean that the problem isn't due to Vector 2022. The skin shouldn't be interfering with the editing mode at all, and really rarely do we hear about problems similar to yours.
:Thanks! [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 09:37, 3 March 2025 (UTC)
::Works now, I don't have any idea why it didn't work yesterday. [[User:Der Älteste|Der Älteste]] ([[User talk:Der Älteste|talk]]) 18:32, 3 March 2025 (UTC)

== How to make non-article content greyish ==

I remember that there was a Zebra prototype testing that made non-article content greyish in background color. I liked that. It is somewhat similar to the 9th proposal at [[Reading/Web/Desktop Improvements/Fifth prototype testing#Borders and backgrounds]]. What is the CSS code for this? I want that scheme. Thanks! —‍[[User:CX Zoom|CX Zoom]] <abbr title="en-English, hi-हिंदी, bn-বাংলা">(A/अ/অ)</abbr> ([[User talk:CX Zoom|let's talk]]|[[Special:Contributions/CX Zoom|contribs]]) 19:08, 16 March 2025 (UTC)

:Hey @[[User:CX Zoom|CX Zoom]]! [https://di-content-separation.web.app/Moss Here's Zebra], and the color is #f8f9fa. You could also take a look at the [https://doc.wikimedia.org/codex/latest/design-tokens/color.html background colors palette] for some other options. Unfortunately, I can't give you the exact code to copy and paste because we didn't incorporate all of Zebra into the skin. So we don't have anything handy to copy from. The quick solution would be to ask on Discord. Cheers, [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 01:29, 17 March 2025 (UTC)
::Thank you very much! —‍[[User:CX Zoom|CX Zoom]] <abbr title="en-English, hi-हिंदी, bn-বাংলা">(A/अ/অ)</abbr> ([[User talk:CX Zoom|let's talk]]|[[Special:Contributions/CX Zoom|contribs]]) 18:44, 17 March 2025 (UTC)

== New sidebar not showing after activating Vector 2022 ==
I recently enabled Vector 2022 in my [https://erftstadtwiki.de/wiki/Hauptseite local city wiki]. However, the main menu sidebar does not change to the new layout and the toolbox is also not moved to the right sidebar. I'm a bit lost on what's going wrong here... My changes to Common.css should not have an impact as far as I can see. Using MW 1.39, fresh download of the Vector skin. Maybe someone has an idea how to fix this. Thanks in advance! --[[User:GeroO|GeroO]] ([[User talk:GeroO|talk]]) 09:15, 20 March 2025 (UTC)

== Sticky header for anonymous users ==

Vector 2022 has been deployed a long time ago on many Wikipedias. Yet the sticky header is still available only for registered users. Will it ever get deployed for anonymous users as well? --'''[[User:Paloi Sciurala|Paloi Sciurala]]''' ([[User talk:Paloi Sciurala|talk]]｜[[Special:Contributions/Paloi Sciurala|contribs]]) 16:03, 21 March 2025 (UTC)

:Hey @[[User:Paloi Sciurala|Paloi Sciurala]], thanks for the question.
:Right now, it's difficult to tell. We aren't focusing on tweaking the skin. Instead, this year, our focus is on [[Readers/2024_Reader_and_Donor_Experiences#31|Content Discovery]].
:We are also talking about the plan for the next year, and our part there is [[m:Wikimedia_Foundation_Annual_Plan/2025-2026/Product_%26_Technology_OKRs#Consumer_Experiences_(WE3)|Consumer Experiences (WE3)]]. Maybe (but this is just my take) such tweaks could be made part of the Key result WE3.3 (and 3.2, if we add the Donate button there, too). I'd like to encourage you to [[m:Talk:Wikimedia_Foundation_Annual_Plan/2025-2026/Product_%26_Technology_OKRs#Consumer_Experiences_(WE3)|comment on the draft plan on Meta]]. Many people from the Foundation will see there that community members are asking about it, and they may get inspired.
:Thank you! [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 09:51, 23 March 2025 (UTC)

== Wikipedia lagging at 30 fps ==

So when i was reading an article i noticed something when you click Alerts or Notices it becomes 30 fps and when you go far away from Alerts or notices menu box it becomes normal at 60 fps please fix this

info about browser: Firefox mobile 136 no telemetry uBlock and noscript [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 13:21, 26 March 2025 (UTC)

== Uncommanded change of skin ==

I have set vector 2010 as my skin for almost any wikimedia project. Since yesterday my Skin was changed to the (ugly) 2022 version. While I understand that the new skin is the only one developed, why do you force it upon the users? [[User:Adtonko|Adtonko]] ([[User talk:Adtonko|talk]]) 18:23, 2 April 2025 (UTC)

:I’ve set Vector 2010 in [[Special:GlobalPreferences]], and have never experienced such problems. If you want to never see Vector 2022, I suggest you to do so as well.
:By the way, can it be that you experienced this problem on a wiki that switched to Vector 2022 just yesterday? Local preferences (i.e. those not set on Special:GlobalPreferences) are not stored if they are default, so if you select Vector 2010 on a Vector 2010 wiki, nothing will be stored, and thus you’ll get Vector 2022 once the wiki switches to Vector 2022. As far as I’m aware, this is done to reduce the database size – most preferences never change defaults, and if defaults were also stored in the database, the already way too big database table would be orders of magnitude larger. —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 23:33, 2 April 2025 (UTC)
:Which wiki you contribute to by the way? [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 11:31, 5 April 2025 (UTC)

Talk:Reading/Web/Desktop Improvements

2025-04-05T11:31:20Z

Depotadore: /* Uncommanded change of skin */ Reply

{{Reading/Web/Desktop Improvements/Header|1=[[File:Welcome in 21 languages.svg|220px|{{dir|{{pagelang}}|left|right}}|link=]]{{Reading/Web/Desktop Improvements/Talk page intro}}{{clear}}}}{{User:Dexbot/Archivebot
|archive = Talk:Reading/Web/Desktop Improvements/Archive%(counter)s
|algo = old(42d)
|counter = 10
|maxarchivesize = 200K
|minthreadstoarchive = 1
|minthreadsleft = 4
}}
{{WMF present
|1=SGrabarczuk (WMF)|timezone_1=UTC+1/2|lang_1=pl, en, fr|photo_1=Szymon Grabarczuk2.jpg
|2=OVasileva (WMF)|timezone_2=UTC+1/2|lang_2=en, es, bg|photo_2=Vasileva, Olga January 2017.jpg
}}
{{Archive box|
[[Talk:Reading/Web/Desktop Improvements/Archive1|Archive1]] · [[Talk:Reading/Web/Desktop Improvements/Archive2|Archive2]] · [[Talk:Reading/Web/Desktop Improvements/Archive3|Archive3]] · [[Talk:Reading/Web/Desktop Improvements/Archive4|Archive4]] · [[Talk:Reading/Web/Desktop Improvements/Archive5|Archive5]] · [[Talk:Reading/Web/Desktop Improvements/Archive6|Archive6]] · [[Talk:Reading/Web/Desktop Improvements/Archive7|Archive7]] · [[Talk:Reading/Web/Desktop Improvements/Archive8|Archive8]] · [[Talk:Reading/Web/Desktop Improvements/Archive9|Archive9]] · [[Talk:Reading/Web/Desktop Improvements/Archive10|Archive10]] · [[Talk:Reading/Web/Desktop Improvements|Current discussion]]
}}

== Vector 2022 skin search box keyboard shortcut doesn't work at smaller window sizes ==

{{key press|Shift}} {{key press|Alt}} {{key press|F}} is a useful Windows keyboard shortcut in Wikipedia that puts the text insertion point into the search box at the top of the page. This allows the user to quickly search for a new article without having to use the mouse. The Vector (2022) skin has this feature, but it only works when the browser window is a certain minimum size. For example, it doesn't work (= inputting the shortcut does nothing) when the browser window is less than ~75% the width of my monitor. But if I increase the window size to ~80% of monitor width or maximize the window, it works. In the Vector legacy (2010) skin, the keyboard shortcut works at any browser window size.

Please give Vector (2022) the same Ctrl-Shift-F keyboard shortcut working functionality at all browser window sizes that Vector legacy (2010) has.

-[[User:Ripsky4501|Ripsky4501]] ([[User talk:Ripsky4501|talk]]) 19:36, 22 November 2024 (UTC)

== Visibility of Wikipedia search field ==

'''Following content copied from https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(proposals), as advised.'''

Invariably the first thing I want to do after landing at the Wikipedia home page is search for the article that I want to look at. I think it would be sensible to make the search field permanently visible. There is already room there at the top of the page, and although only a click away, it seems unnecessary to have to click on the magnifier. Why not just have the field there ready to type into? Am I right in thinking that it used to be that way? I wonder why it was changed. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 19:53, 8 September 2024 (UTC)

: I think the magnifying glass only appears when the window is narrower than some threshold (looks like about 1100 px). I'm not sure why they do that; there's plenty of space left at all but the most extremely narrow widths to allow for a full search box. But in any case, this is really a Vector 2022 skin issue, not something enwiki has any direct control over. Perhaps ask on [[metawiki:Talk:Reading/Web/Desktop Improvements|meta:Talk:Reading/Web/Desktop Improvements]]? [[User:RoySmith|RoySmith]] [[User talk:RoySmith|(talk)]] 20:04, 8 September 2024 (UTC)
:: You're right, it's dynamically controlled. I didn't realise that. When I lower the browser zoom level the search field becomes visible. It seems to me that all that needs to be done is adjust the "trigger" level at which it is displayed, so it is only suppressed when there is "obviously" not enough room to type a search query. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 20:32, 8 September 2024 (UTC)
::: Yes, but to repeat what I said earlier, this is not anything that is under the control of enwiki. This is a feature of the [[:en:Vector 2022|Vector 2022 skin]], which is under the control of the Wikimedia Foundation web team and best discussed at [[metawiki:Talk:Reading/Web/Desktop Improvements|meta:Talk:Reading/Web/Desktop Improvements]]. [[User:RoySmith|RoySmith]] [[User talk:RoySmith|(talk)]] 20:50, 8 September 2024 (UTC)
:::: Page does not exist / link does not work, though actually I see now that there is another link there pointing to the correct page. [[Special:Contributions/2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E]] ([[User talk:2A00:23C8:7B0C:9A01:8A7:5D88:5F57:107E|talk]]) 21:03, 8 September 2024 (UTC)
: We've been getting an influx of questions over this at places like the English Wikipedia's [[:en:WP:HELPDESK|help desk]] and [[:en:WP:TEAHOUSE|Teahouse]]. Was there a recent skin update, WMF staff? I suppose my real question here is: '''Is there a link to a changelog'''? [[User:Tenryuu|Tenryuu]] ([[User talk:Tenryuu|talk]]) 15:39, 10 September 2024 (UTC)
::{{reply to|Tenryuu}} There’s an overly detailed change log called [[phab:source/Vector/history/master/|Git history]]. I don’t know of a less detailed (and thus more usable) change log. —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 21:33, 10 October 2024 (UTC)
:What type of mobile Wikipedia landing page are you talking about? The web or the app? [[User:Progamer15|Progamer15]] ([[User talk:Progamer15|talk]]) 20:08, 21 November 2024 (UTC)
::just realized that this is the wrong topic [[User:Progamer15|Progamer15]] ([[User talk:Progamer15|talk]]) 20:08, 21 November 2024 (UTC)

== User icons ==

User icons do not show up at top right of the page. Please look [https://tr.wikipedia.org/wiki/Kullan%C4%B1c%C4%B1:Akil13?useskin=vector2022 here] --[[User:Superyetkin|Superyetkin]] ([[User talk:Superyetkin|talk]]) 16:42, 13 September 2024 (UTC)

== Severe mobile usability issues with Vector-2022 ==

I'm not sure when it happened other than it must have been some time after February 1st, 2024, though there seems to be a pretty severe usability issue with mobile devices that use some aspect ratios.

Testing was done with responsiveness dev tools in Firefox to emulate a mobile using 858px height and the "Mozilla/5.0 (Linux; Android 10; SM-G988U) AppleWebKit/537.36 (KHTML, like Gecko) Brave Chrome/87.0.4280.66 Mobile Safari/537.36-481" user agent. My Samsung Galaxy S23 Ultra is 1080x2316 so 400x858 uses its approximate 0.47:1 aspect ratio. Testing was done using the MangoRPG wiki on Miraheze. For reproduction: After setting the resolution to 400x858 with the user agent listed a refresh of the page is necessary for the changes to propagate successfully. Adjust horizontal resolution from there.

Please note that the direct pixel values used are largely irrelevant so long as the aspect ratios are maintained. I believe aspect ratio or percents are used rather than direct px values - a good practice in general for compatibility. Direct values will be given however with the test setup so it is easy to reproduce the same results.

With that test setup the following observations were made: After 720px width the icon (img.mw-logo-icon) is zapped. After 500px the space on the left side of the page starts getting eaten into. The mw-page-container shifts to the right as width decreases but the div.vector-header-container does not - that's what all the logo stuff is contained in which has the ☰ hamburger menu, icon, and wiki name. The vector-main-menu-landmark (☰ hamburger menu) getting removed from the screen at 415x858px. Without the navigation menu the wiki thus becomes unusable. For most users I had test the wiki on mobile devices, the ☰ was at least half cut off for all testers which cuts off a portion of the actual navigation when it is used, harming usability even then. The ellipses (...) menu is also cut off of the screen and text cuts off of the screen along with the header if using MRHeader|header or even a level 5 header as they do not wrap for some reason. Shrinking the page or scrolling to the right one can see the cut off text and ellipses menu but scrolling to the left for the ☰ hamburger menu is impossible.

I've attempted to fix it with a custom CSS for the Vector-2022 skin but I'm sadly not an advanced enough user to do so successfully.

Circa February of 2024 the ☰ hamburger menu, logo icon, and wiki name would display without being cut off on mobile devices at 1080x2316 resolution (0.47:1 aspect ratio). I'm not sure what was done to break it as I'm not sure where the changelog even is.

For functionality I recommend that the ☰ hamburger menu should never be be able to be hidden off the left side of the screen similar to how mw-page-container shifts along with its padding regardless of aspect ratio or resolution and if there's space for it the logo icon should display - I can't think of any device that couldn't display a 50x50px icon and smaller ☰ menu. The wiki name (mw-logo-wordmark) should also display if possible. On one line if it can without obstructing the top right menus such as search, ..., and notifications; otherwise wrapping.

-[[User:TiffyWiki|TiffyWiki]] ([[User talk:TiffyWiki|talk]]) 00:19, 22 September 2024 (UTC)

:Update - I managed to fix it on my end after determining the cause.

<syntaxhighlight lang="css">
/* no erasing ☰ */
@media screen and (max-width: 999px) {
.vector-button-flush-left {
margin-left: 20px !important;
}
}
/* no erasing logo */
.mw-logo-icon {
display: block !important;
}
/* no ... going off screen */
@media screen and (max-width: 999px) {
.vector-user-links.vector-user-links-wide {
margin-right: 35px !important;
}
}
</syntaxhighlight>

You can probably discern from this what the cause was. But here are the offenders:

<syntaxhighlight lang="css">
@media (min-width: 720px) {
.mw-logo-icon {
display: block;
}
}
@media screen and (max-width: 999px) {
.vector-button-flush-right {
margin-right: -12px;
}
}
@media screen and (max-width: 999px) {
.vector-button-flush-left {
margin-left: -12px;
}
}
</syntaxhighlight>

I of course recommend correcting these for usability.

-[[User:TiffyWiki|TiffyWiki]] ([[User talk:TiffyWiki|talk]])

== Issue with "tabelle-kopf-fixiert" in German Wikipedia ==

Vector-2022 does not work with tables in German Wikipedia of:

class="wikitable sortable tabelle-kopf-fixiert"

See: https://de.wikipedia.org/wiki/Diskussion:Der_Sonntags-Stammtisch#tabelle-kopf-fixiert

Looks like the issue is already getting discussed here as well:

https://de.wikipedia.org/wiki/Vorlage_Diskussion:Tabellenstile#tabelle-kopf-fixiert_und_Vector2022

- [[User:Berny68|Berny68]] ([[User talk:Berny68|talk]]) 04:57, 21 October 2024 (UTC)

== Screen Real Estate ==

The new format on Desktop improves on certain aspects, but overcorrects certain others. Previously, the lines in articles were too long, that's true, but now they are too short. When reading articles, 66% of my monitor is blank white space from the right and the left. Somewhere between the old format and new is a happy middle ground. Maybe since the site already gives users the option to adjust text size, they can also be given the ability to adjust the margins? [[User:GaDub|GaDub]] ([[User talk:GaDub|talk]]) 03:08, 6 November 2024 (UTC)

:@[[User:GaDub|GaDub]]: Hello, you can [[Reading/Web/Desktop Improvements/Features/Limiting content width|read this page]] to know more the detail and design reason behind limited width feature. You can also share your ideas by submitting wishes to the [[m:Community Wishlist|Community Wishlist]]. Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:28, 9 November 2024 (UTC)

== Can Wikipedia's "wide mode" be back? ==

Unless I am missing on some settings that change where the text and GUI windows should wrap n' stuff [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 06:42, 22 November 2024 (UTC)

:Update: Limited width mode seems to be bugged? [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 06:47, 22 November 2024 (UTC)
::Another update: it went back to wide width. I guess what's needed is to close Wikipedia and then reenter. [[User:Slaythe|Slaythe]] ([[User talk:Slaythe|talk]]) 07:02, 22 November 2024 (UTC)
:@[[User:Slaythe|Slaythe]] Hello, you can follow [[En:Wikipedia:Vector 2022#How to expand the width of the new skin|this instruction]] to change the content width. Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 09:21, 22 November 2024 (UTC)

== 通过颜色区分有无内链 ==
使用旧版Vector或其他皮肤复制带有内链（2个或以上）的一段话时，在带格式粘贴的句子中有内链的字词和普通字词是不同的颜色，而使用Vector 2022复制粘贴则会显示同种颜色。请问在使用Vector 2022时怎么得到前者的效果？[[User:Scorpio2001|Scorpio2001]] ([[User talk:Scorpio2001|talk]]) 00:34, 23 November 2024 (UTC)

== Feature request: expand table of contents ==

Hello. Can you consider adding a "expand/collapse" button in table of contents to show/hide all section titles of or below the second level (and maybe a feature to remember the last choice of status)? A motivation is that in some article the table of contents looks so simple [https://ko.wikipedia.org/w/index.php?title=%EC%9D%B4%EC%B0%A8_%ED%98%95%EC%8B%9D&oldid=38325548]. [[User:慈居|慈居]] ([[User talk:慈居|talk]]) 03:29, 19 December 2024 (UTC)

== Wikidata Skin Feature Missing ==

In Wikidata, only the Vector Legacy skin seems to show a box of wikipedia links on the right side of the entries - an unfortunate limitation:
[[File:Wikidata wikipedia links.png|thumb]]
[[User:Xerus2000|Xerus2000]] ([[User talk:Xerus2000|talk]]) 07:22, 19 December 2024 (UTC)

:New Vector also shows them on the right if you set its ''Width'' setting to ''Wide'' (and you have a wide enough screen). —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 22:18, 20 December 2024 (UTC)

== Sticky header gone after upgrading to MW 1.43 ==

I upgraded from MW 1.42.3 to 1.43 and now the nice sticky header is gone, only the sticky TOC remains. How can I get it back? I'm using the stock Vector-2022 skin. I see it also affects 1.44. [[User:Tactica|Tactica]] ([[User talk:Tactica|talk]]) 01:18, 29 December 2024 (UTC)

:Never mind, I was using 100% magnification in the web browser and the sticky header disappears when going past 90%. [[User:Tactica|Tactica]] ([[User talk:Tactica|talk]]) 04:46, 21 January 2025 (UTC)

== Empty space at page sides ==
On the left side of left vertical navigation and right side of right vertical navigation there is a lot of empty space even when using "wide" mode. Is there a way to use that space e.g. reducing margins between navigation and browser window further? One of the grievances of users is how narrow the new layout is. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 15:18, 11 February 2025 (UTC)

:Hey @[[User:Ipr1|Ipr1]], thanks for coming here to ask this question. I'm afraid the issue is subjective. It depends on the size and resolution of the screen, script, personal taste and expectations, etc. All in all, for now, personal CSS modification is the way to go. We aren't planning on making the interface denser. [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 15:15, 12 February 2025 (UTC)
::Hmm.. There is the "wide" and "narrow" mode in Vector 2022, which changes something in the edges. Could there be a "widest" setting also so the last part of margins is avoided like in older layouts? I am thinking about situations where people have small laptop screens with limited display space available. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 06:17, 13 February 2025 (UTC)
:::I mean, we really don't have any plans for introducing such options :/ We are working on [[Reading/Web/Content Discovery Experiments/Simple Article Summaries|Simple Article Summaries]] now. Perhaps if you could share links to places where people talk about this problem, we would be able to understand the context better and suggest the possible solutions. [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 19:25, 14 February 2025 (UTC)
::::Some people simply switched over to older layout (in Finnish: [https://fi.wikipedia.org/wiki/Wikipedia:Kahvihuone_(tekniikka)#Onko_t%C3%A4%C3%A4_uusi_ulkoasu_optimoitu_mobiilille?_Kovin_on_kapea_ja_ikoniriippuvainen]). Another problem mentioned was that menus started using symbols (picture icons) instead of simple and clear text. [[User:Ipr1|Ipr1]] ([[User talk:Ipr1|talk]]) 06:42, 15 February 2025 (UTC)

== Wiki logo ==

Please bring back the wiki logo in Vector 2022 skin. The logo is present in the Vector legacy skin, but not in the new one. https://imgur.com/a/hzwrScy [[User:ThatRandomToast|ThatRandomToast]] ([[User talk:ThatRandomToast|talk]]) 07:38, 17 February 2025 (UTC)

:@[[User:ThatRandomToast|ThatRandomToast]]: You need to configure your wiki to set the appropriate logo in your wiki's <code>LocalSettings.php</code> file. See [[Manual:FAQ#How do I change the logo?]] for what you need to set – modern skins like Vector-2022 use the '<code>icon</code>' value. [[User:Jdforrester (WMF)|Jdforrester (WMF)]] ([[User talk:Jdforrester (WMF)|talk]]) 17:04, 17 February 2025 (UTC)

== [BUG VECTOR 2022]: in edit mode typing doesn't work ==

I switched to vector 2022 and cannot type anymore in the edit source code mode.

Browser: Mozilla Firefox 135.0.1 (64-Bit)

System:

Operating System: Manjaro Linux

KDE Plasma Version: 6.2.5

KDE Frameworks Version: 6.10.0

Qt Version: 6.8.2

Kernel Version: 6.12.12-2-MANJARO (64-bit)

Graphics Platform: X11 [[User:Der Älteste|Der Älteste]] ([[User talk:Der Älteste|talk]]) 22:58, 2 March 2025 (UTC)

:Thanks @[[User:Der Älteste|Der Älteste]]. Would it be possible for you to check if this also happens in different skins and/or without your personalization enabled? To preview how it would work without your personalization enabled, add <code>&safemode=1</code> to the URL in the editing mode. To preview different skins, add for example <code>&useskin=monobook</code> or <code>&useskin=timeless</code>.
:I hope the source code will be working in some of these cases, which would mean that the problem isn't due to Vector 2022. The skin shouldn't be interfering with the editing mode at all, and really rarely do we hear about problems similar to yours.
:Thanks! [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 09:37, 3 March 2025 (UTC)
::Works now, I don't have any idea why it didn't work yesterday. [[User:Der Älteste|Der Älteste]] ([[User talk:Der Älteste|talk]]) 18:32, 3 March 2025 (UTC)

== How to make non-article content greyish ==

I remember that there was a Zebra prototype testing that made non-article content greyish in background color. I liked that. It is somewhat similar to the 9th proposal at [[Reading/Web/Desktop Improvements/Fifth prototype testing#Borders and backgrounds]]. What is the CSS code for this? I want that scheme. Thanks! —‍[[User:CX Zoom|CX Zoom]] <abbr title="en-English, hi-हिंदी, bn-বাংলা">(A/अ/অ)</abbr> ([[User talk:CX Zoom|let's talk]]|[[Special:Contributions/CX Zoom|contribs]]) 19:08, 16 March 2025 (UTC)

:Hey @[[User:CX Zoom|CX Zoom]]! [https://di-content-separation.web.app/Moss Here's Zebra], and the color is #f8f9fa. You could also take a look at the [https://doc.wikimedia.org/codex/latest/design-tokens/color.html background colors palette] for some other options. Unfortunately, I can't give you the exact code to copy and paste because we didn't incorporate all of Zebra into the skin. So we don't have anything handy to copy from. The quick solution would be to ask on Discord. Cheers, [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 01:29, 17 March 2025 (UTC)
::Thank you very much! —‍[[User:CX Zoom|CX Zoom]] <abbr title="en-English, hi-हिंदी, bn-বাংলা">(A/अ/অ)</abbr> ([[User talk:CX Zoom|let's talk]]|[[Special:Contributions/CX Zoom|contribs]]) 18:44, 17 March 2025 (UTC)

== New sidebar not showing after activating Vector 2022 ==
I recently enabled Vector 2022 in my [https://erftstadtwiki.de/wiki/Hauptseite local city wiki]. However, the main menu sidebar does not change to the new layout and the toolbox is also not moved to the right sidebar. I'm a bit lost on what's going wrong here... My changes to Common.css should not have an impact as far as I can see. Using MW 1.39, fresh download of the Vector skin. Maybe someone has an idea how to fix this. Thanks in advance! --[[User:GeroO|GeroO]] ([[User talk:GeroO|talk]]) 09:15, 20 March 2025 (UTC)

== Sticky header for anonymous users ==

Vector 2022 has been deployed a long time ago on many Wikipedias. Yet the sticky header is still available only for registered users. Will it ever get deployed for anonymous users as well? --'''[[User:Paloi Sciurala|Paloi Sciurala]]''' ([[User talk:Paloi Sciurala|talk]]｜[[Special:Contributions/Paloi Sciurala|contribs]]) 16:03, 21 March 2025 (UTC)

:Hey @[[User:Paloi Sciurala|Paloi Sciurala]], thanks for the question.
:Right now, it's difficult to tell. We aren't focusing on tweaking the skin. Instead, this year, our focus is on [[Readers/2024_Reader_and_Donor_Experiences#31|Content Discovery]].
:We are also talking about the plan for the next year, and our part there is [[m:Wikimedia_Foundation_Annual_Plan/2025-2026/Product_%26_Technology_OKRs#Consumer_Experiences_(WE3)|Consumer Experiences (WE3)]]. Maybe (but this is just my take) such tweaks could be made part of the Key result WE3.3 (and 3.2, if we add the Donate button there, too). I'd like to encourage you to [[m:Talk:Wikimedia_Foundation_Annual_Plan/2025-2026/Product_%26_Technology_OKRs#Consumer_Experiences_(WE3)|comment on the draft plan on Meta]]. Many people from the Foundation will see there that community members are asking about it, and they may get inspired.
:Thank you! [[User:SGrabarczuk (WMF)|SGrabarczuk (WMF)]] ([[User talk:SGrabarczuk (WMF)|talk]]) 09:51, 23 March 2025 (UTC)

== Wikipedia lagging at 30 fps ==

So when i was reading an article i noticed something when you click Alerts or Notices it becomes 30 fps and when you go far away from Alerts or notices menu box it becomes normal at 60 fps please fix this

info about browser: Firefox mobile 136 no telemetry uBlock and noscript [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 13:21, 26 March 2025 (UTC)

== Uncommanded change of skin ==

I have set vector 2010 as my skin for almost any wikimedia project. Since yesterday my Skin was changed to the (ugly) 2022 version. While I understand that the new skin is the only one developed, why do you force it upon the users? [[User:Adtonko|Adtonko]] ([[User talk:Adtonko|talk]]) 18:23, 2 April 2025 (UTC)

:I’ve set Vector 2010 in [[Special:GlobalPreferences]], and have never experienced such problems. If you want to never see Vector 2022, I suggest you to do so as well.
:By the way, can it be that you experienced this problem on a wiki that switched to Vector 2022 just yesterday? Local preferences (i.e. those not set on Special:GlobalPreferences) are not stored if they are default, so if you select Vector 2010 on a Vector 2010 wiki, nothing will be stored, and thus you’ll get Vector 2022 once the wiki switches to Vector 2022. As far as I’m aware, this is done to reduce the database size – most preferences never change defaults, and if defaults were also stored in the database, the already way too big database table would be orders of magnitude larger. —[[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 23:33, 2 April 2025 (UTC)
:Which wiki you contribute by the way? [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 11:31, 5 April 2025 (UTC)

Universal Language Selector

2025-04-04T11:03:52Z

Depotadore:

<languages />
{{Wikimedia engineering project information
| name = <translate> Universal Language Selector</translate>
| description = <translate> Universal Language Selector</translate>
| start = 2012-03-01
| end =
| group = {{ll|Wikimedia Language engineering|2=<translate> Internationalisation and Localisation</translate>}}
| EPM = [[User:Alolitas|Alolita Sharma]] <translate> (Director of Engineering)</translate>, [[User:Siebrand|Siebrand Mazeland]] <translate> (Product Manager)</translate>
| team = <translate> Development team</translate> – [[User:Amire80|Amir Aharoni]], [[User:Nikerabbit|Niklas Laxstrom]], [[User:Pginer|Pau Giner]], [[User: Santhosh.thottingal|Santhosh Thottingal ]] & [[User:Runab|Runa Bhattacharjee]]
| previous =
| next =
| projectpage = Milkshake
| Phabricator = MediaWiki-extensions-UniversalLanguageSelector
| display = {{{display|}}}
}}
<translate>

The [[<tvar name=1>Special:MyLanguage/Extension:UniversalLanguageSelector</tvar>|Universal Language Selector extension]] (ULS) provides a flexible way to configure and deliver language settings like interface language, fonts, and input methods (keyboard mappings). This allows users to type text in different languages not directly supported by their keyboard, read content in a script for which fonts are not available locally, or customise the language in which menus are displayed.
</translate>

<translate> This functionality was partially provided by <tvar name=1>Narayam</tvar> and <tvar name=2>WebFonts</tvar> extensions [[<tvar name=link>Special:MyLanguage/Universal Language Selector/Deployment/Planning#List of wikis (84)</tvar>|on some wikis]].</translate>
<translate> The ULS replaces those extensions and will be available in all Wikimedia projects for all users (logged-in and anonymous). More project specific details later.</translate>

<translate>

The functionality provided is listed below:
</translate>

*<translate> '''Language settings panel.''' Main entry point to configure language tools. It can be accessed from the interlanguage list on the sidebar, or at the personal toolbar for wikis lacking interlanguage links.</translate>
**<translate> '''User interface (UI) language adjustments.''' Users can change the language in which the UI is provided regardless of the content language. At the moment, UI customisation is provided only for logged-in users.</translate>
**<translate> '''Font selection.''' Web fonts are provided for non-latin scripts so that users can display content in those languages without installing local fonts. Users can select alternative fonts or decide to use their local fonts if they are available.</translate>
**<translate> '''Input method configuration.''' Users lacking a keyboard for a particular script can still write in that script by using input mappings. Hindi users with a QWERTY keyboard can write “प” by typing “pa” when Hindi input method is enabled.</translate>
*<translate> '''Input method contextual menu.''' Options for switching between languages and keyboard mappings are provided next to each active input element. Users can easily combine English, International Phonetic Alphabet and Russian when writing about [[:en:Moscow|Moscow]] on English Wikipedia: “Moscow (/ˈmɒskaʊ/ or /ˈmɒskoʊ/; Russian: Москва, tr. Moskva; IPA: [mɐˈskva]) is the capital city and the most populous federal subject of Russia.”</translate><noinclude>
[[File:ULS-Display-Settings.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> Language settings allow registered users accessing English Wikipedia to change the UI to their native language.</translate>]]

[[File:ULS-Font-Settings-new.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> Bengali users are able to read content from the Bengali Wikipedia despite the lack of fonts on their devices. Web fonts are provided automatically for non-latin scripts for which an open source font is available. Users can decide to use their system fonts on a per-language basis.</translate>]]

[[File:ULS-Input-Settings.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> Hindi speakers without a Hindi keyboard can configure input methods so that they can type in their language.</translate>]]

[[File:ULS-Input-Search.png|thumb|220px|{{dir|{{pagelang}}|left|right}}|<translate> When searching, users can switch between English and Hindi.</translate>]]

<translate>
== How to access ULS == 


*'''Wiki projects with multiple language versions''' will integrate language settings in the existing language related area used for interlanguage links. This includes all language versions of:
**Wikipedia
**Wikibooks
**Wikiversity
**Wiktionary
**Wikiquote
**Wikivoyage
**Wikinews
**Wikisource


*'''Wiki projects without interlanguage links''' will integrate language settings in the personal toolbar next to their username. This includes the following wikis:
**Wikidata
**Wikimedia Commons
**Wikispecies
**MediaWiki.org
**Meta-Wiki
**Wikimedia Incubator
**Governance
**Outreach
**and others
</translate>

[[File:ULS-top-right.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> On wikis without interlanguage links, the language settings are provided at the personal toolbar.</translate>]]

<translate>
=== Limitations in functionality === 


Wikimedia projects will be leaving <tvar name="2"><code>$wgULSAnonCanChangeLanguage</code></tvar> disabled, so the selection of user interface language will be only available for logged-in users ({{<tvar name=1>ll|Universal Language Selector/FAQ#Why can anonymous users not use Universal Language Selector to change their interface language</tvar>|why?}}).
</translate>
[[File:ULS-Display-Setting-Annonymous.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> Anonymous users cannot change UI language yet. They can do so by logging in.</translate>]]
<translate>

For English Wikipedia, the input method contextual menu will be disabled by default. Regardless of the initial state of input methods, users can always enable or disable them for any wiki.

== Web fonts == 


You can enable web fonts by opening the ULS interface. Click on the gear icon, then select "Display", then select "Fonts", then enable "Download fonts when needed". See [[<tvar name="1">Universal Language Selector/WebFonts</tvar>|Universal Language Selector/WebFonts]] for more information.

== More information == 
</translate>

[[File:Devanagari ULS input.webm|thumb|{{dir|{{pagelang}}|right|left}}|300px|<translate> One can use ULS "<tvar name=1>लिप्यंतरण</tvar>" ([[w:Transliteration|Transliteration]]) or "<tvar name=2>इनस्क्रिप्ट</tvar>" ([[w:InScript keyboard|Inscript]]) typing options to search or edit [[w:Devanagari|Devanagari]]-script articles as shown in this video clip example.</translate> <translate> CC instructions are available for British English.</translate>]]

<translate> Answers to some common queries about the Universal Language Selector can be found in the [[<tvar name=1>Special:MyLanguage/Universal Language Selector/FAQ</tvar>|FAQ page]].</translate>
<translate> [[<tvar name=talk>Talk:Universal Language Selector</tvar>|You can leave feedback at the talk page]].</translate>

<translate>

You can also see [[<tvar name=1>Special:MyLanguage/Universal Language Selector/Design</tvar>|Interaction Design]] and [[<tvar name=2>Special:MyLanguage/Universal Language Selector/Technical Design</tvar>|Technical Design]] of this project.


Most development is part of the general libraries for the [[<tvar name=milkshake>Special:MyLanguage/Milkshake</tvar>|Milkshake]] project (see for GitHub repository information and so on).

==See also== 
</translate>
[[:en:Help:Multilingual_support|Help:Multilingual support]]

[[Category:User experience{{#translation:}}|Universal Language Selector]]
[[Category:Localisation{{#translation:}}]]
[[Category:Language Engineering{{#translation:}}|Universal Language Selector]]
[[Category:New Editor Engagement{{#translation:}}|Universal Language Selector]]
[[Category:Universal Language Selector{{#translation:}}| ]]

Extension:UniversalLanguageSelector

2025-04-04T11:01:28Z

Depotadore:

<languages/>
{{Extension
|status = stable
|type1 = interface
|type2 = skin
|type3 = beta feature
|username =
|author = <translate> [[<tvar name=engineering>Special:MyLanguage/Wikimedia Language and Product Localization</tvar>|Wikimedia Language team]]</translate>
|description = <translate> Tool that allows users to select a language and configure its support in an easy way.</translate>
|image = ULS-Display-Settings.png
|imagesize = 300
|version =
| compatibility policy = master
|update =
|mediawiki =
|php =
|composer = mediawiki/universal-language-selector
|license = * {{EL|GNUGPL2+}},
* {{EL|MIT}}
|download = {{WikimediaDownload|phab=EULS}}
<translate> [[<tvar name=mleb>Special:MyLanguage/MLEB</tvar>|Included in Language Extension Bundle]]</translate>
|readme =
|changelog =
|tags =
|example =
|compatibility = [[gerrit:66330|<translate> Not compatible with Internet Explorer <tvar name=1>8</tvar> or lower</translate>]].
|phabricator = MediaWiki-extensions-UniversalLanguageSelector
}}
<translate> The '''Universal Language Selector''' is a tool that allows users to select a language and easily configure its support. Where used, it also ships the functionality of both the former <tvar name=1>WebFonts</tvar> and <tvar name=2>Narayam</tvar> extensions (both of which have been deprecated in favor of Universal Language Selector).</translate>
<translate> See <tvar name=1>{{ll|Universal Language Selector}}</tvar> for background and additional information.</translate>

<translate>
==Usage== 


The primary aim is to allow users to select a language and easily configure its support.


The extension provides the following features:


# Flexible and easy way to select a language from a large set of languages.</translate>
<translate>

## Selection can be based on geographical region-based browsing, and searching.</translate>
<translate>

## Search can be based on ISO language code, language name written in current user interface language or in its own script(autonym)</translate>
<translate>

## Cross-language search - search language names using any script</translate>
<translate>

## Autocompletion of language names</translate>
<translate>

## Auto correction of spelling mistakes in search strings</translate>
<translate>

## Geo IP based language suggestions</translate>
<translate>

## Language selection based on users browser/OS language</translate>
<translate>

# Input methods</translate>
<translate>

#: See <tvar name=1>{{ll|Help:Extension:UniversalLanguageSelector/Input methods}}</tvar> for complete instructions.</translate>
<translate>

## An easily selectable input method collection, readily available in every editable field</translate>
<translate>

## Provides a large set of input methods for a wide range of languages</translate>
<translate>

##* An outdated list is available at [[<tvar name=1>Special:MyLanguage/Extension:Narayam#Supported schemes</tvar>|Extension:Narayam#Supported schemes]]</translate>
<translate>

## Per-language input method preferences</translate>
<translate>

# Webfonts</translate>
<translate>

## A large collection of fonts to choose for each language to use as an embedded font for the page</translate>
<translate>

##* You can browse [[<tvar name=1>phab:diffusion/EULS/browse/master/data/fontrepo/fonts</tvar>|all the fonts included]]</translate>
<translate>

## Per-language font preferences</translate>

[[File:ULS-GeoIP.png|400px|thumb|{{dir|{{pagelang}}|left|right}}|<translate> Universal Language Selector with geoip based language suggestion for a user from India</translate>]]
[[File:ULS-Display-Settings.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> Language settings allow a registered user accessing English Wikipedia to change the UI to their native language.</translate>]]
[[File:ULS-Font-Settings-new.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> A Bengali user is able to read content from the Bengali Wikipedia despite the lack of fonts in their computer. Web fonts are provided automatically for non-Latin scripts for which an open-source font is available. The user can decide to use their system fonts on a per-language basis.</translate>]]
[[File:ULS-Input-Settings.png|thumb|{{dir|{{pagelang}}|left|right}}|400px|<translate> A Hindi speaker without a Hindi keyboard configures input methods so that they can type in their language.</translate>]]
[[File:ULS-Input-Search.png|thumb|220px|{{dir|{{pagelang}}|left|right}}|<translate> When searching a user can switch between English and Hindi.</translate>]]

<translate>
==Adding fonts== 


Supporting more languages is only a matter of including the proper fonts in the code. However, please note that we will only add support for ''open-source licensed'' fonts, such as those licensed under GNU GPL, SIL OFL, etc. An example directory of such open-source fonts is <tvar name=about-wf>[https://www.google.com/fonts#AboutPlace:about Google Fonts]</tvar> <tvar name=wf-early>[https://www.google.com/fonts/earlyaccess]</tvar> (not yet fully examined/exploited by the authors of this extension); see also the [<tvar name=oflibrary>http://openfontlibrary.org/</tvar> Open Font Library].


First of all, you need to find or produce such a open-source font (this is the most essential part, and you have to do it yourself); then, it has to be converted to the woff2 format, you can [<tvar name=phabricator-req>https://phabricator.wikimedia.org/maniphest/task/create/?projects=MediaWiki-extensions-UniversalLanguageSelector</tvar> file a request] in [[<tvar name=phabricator>Special:MyLanguage/Phabricator</tvar>|Phabricator]] for the font to be added to the extension.

===Preparing webfonts=== 


This section explains how to convert the fonts: basic knowledge about GNU/Linux-based operating system is required; if you have difficulty in doing this, you can skip this step and ask someone else to do it for you on the same Phabricator request (of course this will slow down the process).
</translate>

'''<translate> Creating .woff2:</translate>'''

<translate> Use <tvar name=url>https://github.com/google/woff2</tvar> to generate woff2 from ttf.</translate>
<translate> This will produce a compressed woff2 file. Modern browsers support this format.</translate>

<translate>

Create a font.ini file. Here's an example:
</translate>

<syntaxhighlight lang="ini">
[AbyssinicaSIL]
languages=am*, ti*
version=1.200
license=OFL 1.1
licensefile=OFL.txt
url=http://scripts.sil.org/AbyssinicaSIL
request-url=https://phabricator.wikimedia.org/[Task Number]
woff2=AbyssinicaSIL.woff2
bold=AbyssinicaSIL Bold

[AbyssinicaSIL Bold]
woff2=AbyssinicaSIL-Bold.woff2
fontweight=bold
</syntaxhighlight>

<translate>

An asterisk (<tvar name=1><code>*</code></tvar>) after a language code means that this font will be the default font for that language. Don't use the asterisk if you want the option to use this font for that language.


After creating the files, do the following:


# Create a directory for the font under <tvar name=1><code>data/fontrepo/fonts</code></tvar>.</translate>
<translate>

# Put the woff2 and font.ini files in that directory and add them to the source repository (<tvar name=1><code>git add</code></tvar>).</translate>
<translate>

# Go to the <tvar name=1><code>scripts/</code></tvar> directory and run <tvar name=2><code>php compile-font-repo.php</code></tvar>.</translate>
<translate>

# Commit the changes to the repository (<tvar name=1><code>git commit -a</code></tvar>) and submit them according to the [[<tvar name=tldr>Special:MyLanguage/Git/TLDR</tvar>|Git workflow]].

==Adding support for a new key mapping (input method)== 


Follow the [<tvar name=url>https://github.com/wikimedia/jquery.ime/wiki/Technical-Specification#input-method-definition</tvar> instructions on the <tvar name=1>jquery.ime</tvar> github wiki], but file requests in the Wikimedia-extensions-UniversalLanguageSelector [[<tvar name=phabricator>Special:MyLanguage/Phabricator</tvar>|Phabricator]] product.

==Installation== 
</translate>
{{ExtensionInstall|registration=required|vagrant=uls}}

<translate>
=== Updating LanguageNameIndex === 
</translate>
<translate> For performing cross language search, searching [[w:Endonym|autonyms]], language data needs to be populated.</translate>
<translate> ULS comes with a pre-populated language name index(data/langnames.ser).</translate>
<translate> In case you want to update it, install <tvar name=1>{{ll|Extension:CLDR}}</tvar> and update the data with the following command.</translate>

<pre style="overflow:auto;">php UniversalLanguageSelector/data/LanguageNameIndexer.php</pre>
<translate>

and verify that '''langnames.ser''' file gets generated in ULS/data/ folder.

==Configuration== 


The following variables are created automatically during initialization and can be used from JavaScript using mw.config.get( NAME ):


* <code>wgULSLanguages</code> - an associative array where the keys are language codes and the values are language names in English.</translate>
<translate>

* <code>wgULSAcceptLanguageList</code> - an array of language codes from the user's Accept-Language value. These are the languages selected in the user's browser preferences.


For serving fonts, you might want to add the following MIME types to your webserver if not already there. [<tvar name=webcoder>https://web.archive.org/web/20151228085500/http://www.webcoder.de/2010/06/04/how-to-configure-your-webserver-for-webm-video-and-audio-files/</tvar> This guide] might help.</translate>

<syntaxhighlight lang="apacheconf">
AddType font/woff2 .woff2
</syntaxhighlight>

<translate>

The following variables can also be configured:
</translate>

* <code>$wgULSGeoService</code> - <translate> ULS can use geolocation services to suggest languages based on the country the user is visiting from.</translate> <translate> Setting this to false will prevent built-in geolocation from being used.</translate> <translate> You can provide your own geolocation by setting window.</translate> <translate> Geo to object which has key 'country_code' or 'country'.</translate> <translate> If set to true, it will query Wikimedia's geoip service.</translate> <translate> The service should return jsonp that uses the supplied callback parameter.</translate> <translate> Defaults to http://freegeoip.net/json/ ('''warning''': this website has shut down its API) and expects the same format.</translate>
* <code>$wgULSEnable</code> - <translate> Enable language selection, compact language links, input methods, and web fonts for everyone unless the behavior is overridden by the configuration variables below. Even if false, the classes and resource loader modules are registered for using other extensions. Language changing via cookie or setlang query parameter is not possible.</translate>
* <code>$wgULSAnonCanChangeLanguage</code> - <translate> Allow anonymous users to change the language with cookie and setlang query param.</translate> <translate> Do not use it if you are caching anonymous page views without taking cookies into account.</translate> <translate> It does not have any effect if either <tvar name=1><code>$wgULSEnable</code></tvar> or <tvar name=2><code>$wgULSEnableAnon</code></tvar> is set to <tvar name=3>{{phpi|false}}</tvar>.</translate>
* <code>$wgULSIMEEnabled</code> - <translate> Disable the input methods feature for all users by default. The user can still enable it manually.</translate>
* <code>$wgULSPosition</code> - <translate> The location and the form of the language selection trigger. The possible values are: <tvar name=1><code>personal</code></tvar>: as a link near the username or the login link in the personal toolbar (default).</translate> <code>interlanguage</code>: <translate> as an icon near the header of the list of interlanguage links in the sidebar.</translate>
* <code>$wgULSNoImeSelectors</code> - <translate> Array of jQuery selectors of elements on which IME must not be enabled. eg: <tvar name=1>{{nowrap|<code>[ '#wpCaptchaWord' ];</code>}}</tvar></translate>
* <code>$wgULSLanguageDetection</code> - <translate> Whether to automatically detect the user's language from the Accept-Language header.</translate>

<translate>
=== Position of ULS trigger === 


* <tvar name=1><code>$wgULSPosition</code></tvar> - The location and the form of the language selection trigger. The possible values are: <tvar name=2><code>personal</code></tvar>: as a link near the username or the login link in the personal toolbar (default).</translate> <code>interlanguage</code>: <translate> as an icon near the header of the list of interlanguage links in the sidebar.</translate>

<translate>

It is also possible to have a ULS trigger anywhere on the screen. An element with <tvar name=1><code>uls-settings-trigger</code></tvar> will act as a ULS trigger.

===Overriding default fonts=== 
</translate>
<translate> ULS has a large font repository to serve as webfonts.</translate>
<translate> Sometimes, there are multiple fonts for a language, and there is a default font for each language/script.</translate>
<translate> The order of fonts or default font can be overridden as follows using global scripts (<tvar name=1>MediaWiki:Common.js</tvar>) or personal scripts (<tvar name=2>Special:MyPage/common.js</tvar>):</translate>

<syntaxhighlight lang="javascript">
$.webfonts.repository.languages.languageCode = ["system", "FontA", "FontB"];
</syntaxhighlight>

<translate>

Here, languageCode should be a valid langauge code(eg: en, hi, nl). FontA and FontB are fonts available in font repository. In the above example for languageCode, we set a font available in local computer as default font. ie No default webfont.

===Caching configuration=== 


To ensure that the web fonts files are cached on the clients' machines, font file types must be added to the web server configuration. In Apache2 this consists of:


* Adding font file extensions to the FileTimes regex at FilesMatch for the relevant directory, example:</translate>
<syntaxhighlight lang="apacheconf"><FilesMatch "\.(gif|jpe?g|png|css|js|woff2|svg)$"></syntaxhighlight>
<translate>

* Adding ExpiresByType values to the relevant MIME types, similarly to image MIME types.</translate>
<translate>

** Note that there's no standard MIME type for TTF. application/x-font-ttf is used for Wikimedia.</translate>
<translate>

* Adding the MIME types:
</translate>

<syntaxhighlight lang="apacheconf">
AddType font/woff2 .woff2
</syntaxhighlight>

<translate>

For a full example see the [<tvar name=cluster>https://gerrit.wikimedia.org/r/c/operations/puppet/+/137883/2/files/apache/apache2.conf.appserver</tvar> caching configuration update done for the Wikimedia cluster].

=== Page translation === 


UniversalLanguageSelector is one of the dependencies of the <tvar name=1>{{ll|Extension:Translate|nsp=0}}</tvar> extension, which uses it for several language selection features. One of it is the [[<tvar name=mylang>Special:MyLanguage/MyLanguage</tvar>|MyLanguage]] system for links, which depends on the interface language of the user, but more can be configured: see [[<tvar name=config>Special:MyLanguage/Help:Extension:Translate/Configuration#Page translation feature</tvar>|Page translation feature]].

== Using Webfonts == 


Users can choose web fonts for a language from the Language settings -> Display settings. The first font in that menu will be applied to the wiki by default. A user can change the font to be remembered across the pages. Optionally, the user can disable the font embedding by selecting the system font.


If the font is available in the user's local system, the '''font will not be downloaded''' from the MediaWiki server. It will be taken from the user's computer. Otherwise, the font will be downloaded from the server only once, when the user selects the font the first time. From then on, the font will be taken from the local cache.

=== Alternate ways to load fonts === 

==== By specifying font-family ==== 
</translate>
<translate> Inside the wiki text {{<tvar name=1>tmpl|0=<code>$2</code></tvar>|YourFontName|YourText}}, webfonts extension will check whether the font is available with the extension, if so it will download it to the client.</translate>
<translate> So the reader will not face any difficulty reading the text even if the specified font is not available on their computer.</translate>

<translate>
==== By specifying language ==== 
</translate>
<translate> Inside the wiki text {{<tvar name=1>tmpl|0=<code>$1</code></tvar>|YourText}}, the web fonts extension will check whether any font is available for the given language with the extension and if so, it will download it to the client.</translate>
<translate> So the reader will not face any difficulty reading the text even if the specified font is not available on their computer.</translate>
<translate> The default font will be used if there are multiple fonts for the language.</translate>
<translate> If the default font is not preferred, use the font-family approach to specify the font.</translate>
<translate> If the tag has both lang and font-family definitions, font-family gets precedence.</translate>

<translate>

Example:
</translate>

<nowiki>𒄖𒉈𒅁𒌨𒅎</nowiki>

<translate>

gives the text rendered in Cuneiform using Akkadian font
</translate>

𒄖𒉈𒅁𒌨𒅎

<translate>
==See also== 
</translate>

* {{ll|Universal Language Selector}}
* {{ll|Universal Language Selector/Interaction Design Framework|2=<translate> Universal Language Selector/Interaction Design Framework</translate>}}
* {{ll|Universal Language Selector/Technical Design|2=<translate> Universal Language Selector/Technical Design</translate>}}
* {{ll|Universal Language Selector/WebFonts|2=<translate> Technical details of Webfonts feature of Universal Language Selector</translate>}}
* [[Extension:Google Translator]]

{{OnWikimedia}}
{{Used by}}

[[Category:Localisation extensions{{#translation:}}]]
[[Category:Universal Language Selector{{#translation:}}]]

Talk:Reading/Web/Desktop Improvements

2025-03-26T13:21:38Z

Depotadore: /* Wikipedia lagging at 30 fps */ new section

Reading/Web/Accessibility for reading/Reporting/en.wikipedia.org

2024-12-03T05:10:43Z

Depotadore: /* Tegra dark mode error */

__NEWSECTIONLINK__
{{Center|'''[[Special:NewSection/{{PAGENAME}}|CREATE A REPORT]]'''}}

Key: The following emojis in the title mean someone has looked at the feedback and worked out what to do with it.
{| class="wikitable"
|+ Caption
! Icon !! Meaning
|-
| 📢 || User is providing general feedback and it should be reviewed by designer/PM. If the template is legible in dark mode (just bright!) you can also consider it feedback and use this emoji. For popular templates, please consider adding a comment on the talk page when adding this emoji.
|-
|❓
|Report was unclear and we don't know what to do with it.
|-
|✅
|This has been fixed or reported on wiki.
|-
|🐛
|This is tracked in a bug or a talk page comment (please use the Tracked template).
|-
|🤖
|Concerns a gadget
|}

== ✅ [https://en.wikipedia.org/wiki/Emmanuel_Macron Emmanuel Macron] dark mode error ==


Links to other pages turn invisible!!!

== ✅[https://en.wikipedia.org/wiki/Radiosoul Radiosoul] dark mode error ==
Hello! I noticed while browsing that [[wikilinks]] in infoboxes are no longer visible with dark mode on. I've also observed this issue on several other pages, including [https://en.wikipedia.org/wiki/Keir_Starmer Keir Starmer] and [https://en.wikipedia.org/wiki/Paint_It_Black Paint It Black]. This issue only seems to affect certain infobox parameters (i.e. headings). [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 23:17, 10 July 2024 (UTC)

I've also noticed similar info box issues: https://en.wikipedia.org/wiki/CPNE1 Almost everything in the infobox on this page is invisible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 23:41, 10 July 2024 (UTC)

== [[:en:1995_NBA_All-Star_Game|🐛1995 NBA All-Star Game]] dark mode error ==


Dark mode interferes with the color of the images (in this instance, the illustrations of the uniform colors on the sidebar). In dark mode, the illustrations are the same dark gray shade as the background. In light mode, the proper colors are displayed.

This is a problem for all pages that use this uniform display graphic template, including several other NBA All-Star Game pages, as well as those of many US college basketball teams (both men's and women's--e.g.: [https://en.wikipedia.org/wiki/Indiana_Hoosiers_men%27s_basketball| Indiana Hoosiers men's basketball] and [https://en.wikipedia.org/wiki/UConn_Huskies_women%27s_basketball| UConn Huskies Women's Basketball]).

{{Tracked|T370074}}

== [[:en:20th_Century_Studios|📢20th Century Studios]] dark mode error ==

 The number of different shades of gray found between the body text, the sidebars, and the extra space on my monitor were distracting. I would much rather all the black is the same.
'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
Editing while in dark mode was hard on my eyes
: {{re|Buffalkill}} Hello, could you please explain the issue you are facing? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 10:57, 12 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Algorithmic_efficiency Algorithmic efficiency] dark mode error ==

'''Issue Description - difficulty reading & monitor breaking.'''

I used to have dark mode in wikipedia with custom css however I noticed that having it too dark, made reading it difficult and my monitor was also making faulty vertical lines for some reasons...

Can you '''''slightly''''' reduce the darkness.

I found this issue generally but first at - [[https://en.wikipedia.org/wiki/Algorithmic_efficiency|Algorithmic_efficiency]]

== ❓[https://en.wikipedia.org/wiki/Tenka_Sanbun_no_Kei:_Ōmisoka_New_Year's_Eve_Special Tenka Sanbun no Kei: Ōmisoka New Year's Eve Special] dark mode error ==


'''Issue Description'''
Dark mode makes the source editor almost unreadable.<blockquote>Possibly relates to syntax highlighting? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:14, 19 July 2024 (UTC)</blockquote>

== 🐛[https://en.wikipedia.org/wiki/Spamdexing Spamdexing] dark mode error ==


'''Issue Description''':
The coloured bars alongside the warnings at the top of the page display as gray in dark mode.

:This is [[:en:MediaWiki talk:Common.css/to do#Dark mode: metadata]] +- [[phab:T365330]]. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 21:47, 11 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Witch_trials_in_the_Holy_Roman_Empire Witch trials in the Holy Roman Empire] dark mode error ==


'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
Skin color is distorted.
: {{re|HumanBeing240}} Hello, could you please explain the issue you are facing? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 10:58, 12 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/2024_FIVB_Men's_Volleyball_Challenger_Cup 2024 FIVB Men's Volleyball Challenger Cup] dark mode error ==


'''Issue Description'''

== [[:en:L-DOPA|🐛L-DOPA]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''

Infobox and synthesis chemical drawings are black images with transparent background and not visible in dark mode.

== ✅[https://en.wikipedia.org/wiki/System_of_a_Down System of a Down] dark mode error ==

'''Issue Description'''

https://en.wikipedia.org/wiki/Template:System_of_a_Down
https://en.wikipedia.org/wiki/Template:MTV_Europe_Music_Award_for_Best_Alternative
Text of headers of templates in the bottom of page is black and unreadable when background is black. I guess it may be a problem of all templates across whole wiki

== ✅ [https://en.wikipedia.org/wiki/Malatang Malatang] dark mode error ==


'''Issue Description'''

The "Part of a series on Chinese cuisine" panel still has a white background, which makes it hard to read

== ✅[https://en.wikipedia.org/wiki/Wikipedia:Administrators'_noticeboard/Incidents Administrators' noticeboard/Incidents] dark mode error ==

'''Issue Description'''

Sections set off with {{tl|tqb}} are illegible on this page, though the examples on the template doc page are fine. See https://en.wikipedia.org/w/index.php?title=Wikipedia:Administrators%27_noticeboard/Incidents&diff=prev&oldid=1233836581 for an example. Thanks.

:This looks fine to me? [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 21:28, 11 July 2024 (UTC)

== ❓ [https://en.wikipedia.org/wiki/Dungeness Dungeness] dark mode error ==


'''Issue Description'''
If a word is ontop of a map, the word(s) background aren't transparent, blocking the view of the map.

I found this in the map section for the article about the Dungeness in England.

== ✅ [https://en.wikipedia.org/wiki/Struggle_session Struggle session] dark mode error ==


'''Issue Description'''
The colors of pictures are inverted on my screen.

== ✅[https://en.wikipedia.org/wiki/Billboard_200 Billboard 200] dark mode error ==


'''Issue Description'''
The Billboard logo has a transparent background, which makes it invisible.

== 📢[https://en.wikipedia.org/wiki/Talk:Lena_Raine Lena Raine] dark mode error ==


'''Issue Description'''

Some boxes on Talk pages are still white.

== 🐛[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
On chemistry pages, the molecules are made in black and they become very hard to read against the dark mode background.

== ✅[https://en.wikipedia.org/wiki/Severed_Survival Severed Survival] dark mode error ==


'''Issue Description'''
The table in the Track Listing section in the dark mode behaves as if it is in the light mode, i.e. black letters on white background.

== ✅ [https://en.wikipedia.org/wiki/Reducing_sugar Reducing sugar] dark mode error ==


'''Issue Description'''
Make transparent diagrams with black borders hard to read because the background is dark as well

== 🐛[https://en.wikipedia.org/wiki/Ketosis Ketosis] dark mode error ==
{{Tracked|T370074}}
'''Issue Description'''
Ketone bodies: acetone, acetoacetic acid, and beta-hydroxybutyric acid in the infobox not visibile

== ✅[https://en.wikipedia.org/wiki/Fall_of_Constantinople Fall of Constantinople] dark mode error ==


'''Issue Description'''
The [[w:Template:History_of_the_Byzantine_Empire_sidebar|History of the Byzantine Empire sidebar]] has a title "Part of a series on the History of the Byzantine Empire" that is black text on a black background and therefore invisible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 📢[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''New dark mode text is too bright'''

The new experimental dark mode appears to disregard common UX recommendations for dark mode, particularly the default color for text being far too bright.

Specifically, text (#EAECF0) is now significantly brighter compared to the beta version (#DFDEDD), which was more in line with common recommendations for reducing eyestrain. Referencing Material Design's guidelines for dark themes, they recommend using #DEDEDE (white at 87% opacity), which is more suitable for extended reading sessions. Note how close that text color is to the beta version.

While I would prefer to revert to the beta version until this is resolved, doing so causes a white flash on every page load or refresh. [[User:Daniel Quinlan|Daniel Quinlan]] ([[User talk:Daniel Quinlan|talk]]) 22:12, 11 July 2024 (UTC)

:Also I have found that #dedede #dfdedd seem better than #eaecf0. --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 21:08, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/2024_Indian_general_election 2024 Indian general election] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The file [[w:File:Indian_General_Election_2024.svg | 2024 Indian General Election]] in the infobox has black text on a dark grey background. The background should be made light grey in dark mode or the SVG should be swapped out for a version with accessible text.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛[https://en.wikipedia.org/wiki/Earth Earth] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
[[w: File:Earth_cutaway_schematic-en.svg | File:Earth_cutaway_schematic-en.svg]] and [[w: File:Seasons1.svg |File:Seasons1.svg]] are both SVGs with a transparent background and black text labels on a dark grey background. The labels are not legible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== [[:en:The_arts|🐛The arts]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The image [[w:File:MozartExcerptK331.svg | File:MozartExcerptK331.svg]] in the music section is black text on a black background.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛[https://en.wikipedia.org/wiki/Human Human] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The image [[w:File:Human.svg | Human.svg]] in the "Gender" section is a black outline on a black background and is not visible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅[https://en.wikipedia.org/wiki/Planet Planet] dark mode error ==


'''Issue Description'''
Tables of planetary[[w:https://en.wikipedia.org/wiki/Planet#Symbols| symbols]] images are black lines on a black background and are not visible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛 [https://en.wikipedia.org/wiki/List_of_Green_Bay_Packers_NFL_Anniversary_All-Time_Team_selections List of Green Bay Packers NFL Anniversary All-Time Team selections] dark mode error ==


'''Issue Description'''
The use of the dark green custom colours for link titles in [[w:https://en.wikipedia.org/wiki/Template:Green_Bay_Packers|Template:Green_Bay_Packers]] makes them difficult to see on the dark mode background.
[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅ [https://en.wikipedia.org/wiki/Template:Unsolved Unsolved] dark mode error ==


'''Issue Description'''
This template is utterly broken in dark mode. White text on a white background. Should inherit CSS variables in dark and light mode for colour compatibility.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅ [https://en.wikipedia.org/wiki/Mathematics Mathematics] dark mode error ==


'''Issue Description'''
The following images have black labels on a black background that are not visible:

[[w:https://en.wikipedia.org/wiki/File:Quadratic_formula.svg|Quadratic_formula.svg]]

[[w:https://en.wikipedia.org/wiki/File:Markovkate_01.svg|Markovkate_01.svg]]

[[w:https://en.wikipedia.org/wiki/File:IllustrationCentralTheorem.png|IllustrationCentralTheorem.png]]

[[w:https://en.wikipedia.org/wiki/File:Supply-demand-equilibrium.svg|Supply-demand-equilibrium.svg]]

[[w:https://en.wikipedia.org/wiki/File:Nuvola_apps_edu_mathematics_blue-p.svg|Nuvola_apps_edu_mathematics_blue-p.svg]]

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 📢 [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''

1. Compared to the Dark Mode Gadget I'd been using, this beta Dark Mode feature is not as dark. It's comparatively more grey and not pure black.

Aside from being brighter than I'd like, LED screens turn off the pixels with pure black, so the Dark Mode feature would draw more power than the Dark Mode gadget. (I don't personally have an LED screen laptop though to really know if it's pure black to turn off pixels).

2. A **new** error is I now can't seem to re-enable the Gadget version of Dark Mode, even when I switch the display back to Light Mode or Automatic prior to enabling the gadget. Newly opened pages only briefly (less than a second) show as dark, but then it's instantly bright.

Short version:

1. Dark Mode is not as dark/black as the Dark Mode Gadget.

2. The Dark Mode gadget cannot seem to be re-enabled after trying the Dark Mode beta feature.

Section of article(s): Global

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 02:59, 12 July 2024 (UTC)

EDIT/Update: I was able to re-enable the Gadget by clicking "Dark Mode" in the user menu on the top right, where it now shows pure black again. This is after I tried re-enabling it through the Gadget area of Preferences, when it would only briefly show pages in the pure black I prefer before turning bright incorrectly.

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 03:04, 12 July 2024 (UTC)

In trying to replicate what I did, I noticed the "dark mode" option in the user menu at the top right is not there if the gadget is disabled, so looks like that option is tied to the Gadget and not the new Beta.

Basically, to re-enable the gadget correctly, it has to be done first in the Preferences Gadget area, and then Dark Mode has to be clicked in the user menu at the top right.
I'll continue using the Gadget and try the beta again later to see if it's made darker.

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 03:11, 12 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Template:Navbox_musical_artist Navbox musical artist] dark mode error ==


'''Issue Description''' The headers on this template become completely unreadable in dark mode (this includes the name of the artist, names of band members and the icons in the top left). See [https://en.wikipedia.org/wiki/Sultans_of_Swing Sultans of Swing] for an example of this on a mainspace article (the template is at the bottom of the page). Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 11:15, 12 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Wikipedia:Reliable_sources/Perennial_sources Reliable sources/Perennial sources] dark mode error ==

When I'm trying to read the table where the various sources is, the text in these colored (light red, light green, light yellow/lime?) lines/blocks is light grey/white (I can't tell...) and is very difficult to read.

The solution would be that these blocks/lines are way more darker colored (in dark mode, if possible), so it is definitely easier on the eyes and definitely easier to read. Hope that helps. I hope I didn't missed anything I could change. Thanks, [[User:MtrdCtchr|MtrdCtchr]] ([[User talk:MtrdCtchr|talk]]) 12:20, 12 July 2024 (UTC)

:I've flipped [[:en:Wikipedia:Reliable sources/Perennial sources/styles.css]] for dark mode for the primary content. Further adjustment should be requested on the talk page of RSP. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 17:39, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Forceps Forceps] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
backgrounds of images with transparent backgrounds turn black reducing their visibility

== ✅ [https://en.wikipedia.org/wiki/Justin_Woodall Justin Woodall] dark mode error ==


'''Issue Description'''

Found another infobox that becomes unreadable: https://en.wikipedia.org/wiki/Justin_Woodall
[[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 18:00, 12 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Wyoming_Highway_352 Wyoming Highway 352] dark mode error ==


'''Issue Description'''

The bottom row of the template: "1.000 mi = 1.609 km; 1.000 km = 0.621 mi" is light grey on white and consequently illegible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 18:06, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


[[File:Wikipedia dark mode light color status bar mobile ios.png|thumb|alt=a screenshot from iOS safari browser showing a light status bar when wikipedia is in dark mode]]{{Tracked|T364285}}
'''Status bar on iOS Safari is still light color'''
This can clash with the overall dark theme and make the rest of the page harder to read.

== 📢[https://en.wikipedia.org/wiki/Template:Infobox_album Infobox album] dark mode error ==


'''Issue Description''' 
On light mode, the headers on this template are a different colour to the usual white {{small|(See ''[https://en.wikipedia.org/wiki/From_the_Muddy_Banks_of_the_Wishkah From the Muddy Banks of the Wishkah]'', where the album title and other headers are coloured orange)}}. This helps to distinguish the headers from the other content, and it is color-coded so that particular types of albums (e.g. live albums or soundtrack albums) have differently coloured headers. On dark mode, this feature is non-existent - everything has the same background colour, making it more difficult to distinguish information. Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 22:01, 12 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/The_Cat_Empire_discography#Singles The Cat Empire discography § Singles] dark mode error ==
'''Issue Description''' 
The [https://en.wikipedia.org/wiki/Template:N/a N/a] and [https://en.wikipedia.org/wiki/Template:TBA TBA] templates on this page stick out very noticeably, as they are much brighter in colour than the other info in the column. I would recommend making them look a little more subtle. Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 23:01, 12 July 2024 (UTC)

== [[:en:Wikipedia:Task_Center|✅Task Center]] dark mode error ==


'''Issue Description''' The headers are unreadable in dark mode, as they appear as white text on a white background. [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 00:06, 13 July 2024 (UTC)

:This one is fixed. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 14:30, 13 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Special:Watchlist Watchlist] dark mode error ==


'''Issue Description'''
When companies design a dark mode version of their website, the most important priority is color contrast. The current state of Wikipedia's dark mode keeps blue text from light mode the same color. However, the shade of blue should be slightly adjusted to contrast enough with the black background to make the text more readable. I've linked the watchlist page, which contains a lot of blue text, to demonstrate how it strains the eyes.

== 📢[https://en.wikipedia.org/wiki/User_talk:Firefangledfeathers Firefangledfeathers] dark mode error ==


'''Issue Description'''
Wikitext box background is white, should be black, no text is visible.<blockquote>Is this reference to https://en.wikipedia.org/w/index.php?title=Module:Contentious_topics/aware ? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:14, 19 July 2024 (UTC)</blockquote>

== 📢Dark mode error ==

Table's cells with color FFF are hard to read (Maybe make them more dark)
https://en.wikipedia.org/wiki/List_of_Apple_products,
https://en.wikipedia.org/wiki/List_of_iPhone_models

== 📢[https://en.wikipedia.org/wiki/2024_Russian_presidential_election 2024 Russian presidential election] dark mode error ==


'''Issue Description'''
The Link colors could be a softer/ shade of blue in dark mode, so they don't so aggressively contrast with the white text. That's the only issue I'm seeing. The shade of gray works. This applies to the general interface, not just this article.

== ✅ [https://en.wikipedia.org/wiki/File:VisualEditor_Citoid_Manual.png VisualEditor Citoid Manual.png] dark mode error ==


'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T368795}}

'''Issue Description'''
I can’t use dark mode unless i am logged in to a Wikipedia account.

== 🐛[[:en:Greek_alphabet|Greek alphabet]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The side panel table showing the full Greek alphabet includes an SVG image file showing "Aα...Ωω". However, when using dark mode, the text in the image remains black, making it difficult to read against the dark background.

== 🐛[https://en.wikipedia.org/wiki/Special:WelcomeSurvey WelcomeSurvey] dark mode error ==
{{Tracked|T370079}}
'''Issue Description'''

== 📢🐛 Twinkle dark mode error ==


'''Twinkle drop down menus unreadable in dark mode''' When using the [[w:WP:Twinkle|Twinkle]] gadget for tasks such as warning vandals, I have observed that, with dark mode enabled, the text in drop down menus is nearly unreadable as the text colour has changed to white but the background colour of the dropdown has remained the same white colour. [[User:DigitalChutney|DigitalChutney]] ([[User talk:DigitalChutney|talk]]) 17:22, 14 July 2024 (UTC)

:@[[User:MusikAnimal|MusikAnimal]] [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:26, 17 July 2024 (UTC)
::Looks like this was fixed? As I understand it, Twinkle uses <code>mw.util.addPortlet</code> and <code>mw.util.addPortletLink</code>, so the styles should be fully controlled by the skin without any changes needed to Twinkle. — [[User:MusikAnimal|MusikAnimal]] [[User talk:MusikAnimal|talk]] 00:58, 23 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Odetari Odetari] dark mode error ==


'''Some table colours directly contrast the colours of dark mode by using a white, which contradicts the point of dark mode. This is likely an error since it does not contrast the colours of light mode when in light mode.'''

== 🐛[https://en.wikipedia.org/wiki/Special:Contributions Special:Contributions] dark mode error ==

Go to the contributions of a partially-blocked user (pick one [https://en.wikipedia.org/w/index.php?title=Special:BlockList&blockType=partial&wpOptions%5B0%5D=tempblocks here]). The block notice near the top has white text on a yellow background, making it completely unreadable. Site-wide blocks are unaffected. [[User:Rummskartoffel|Rummskartoffel]] ([[User talk:Rummskartoffel|talk]]) 17:48, 14 July 2024 (UTC)

:This was supposed to be fixed by https://en.wikipedia.org/wiki/MediaWiki_talk:Common.css#Interface-protected_edit_request_on_5_May_2024 so I followed up there. [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 16:53, 15 July 2024 (UTC)

== 📢Comment from [[User:GoldMX]] ==


'''I'm a huge fan of Dark Mode across all platforms, but some do it better than others...unfortunately, y'all have great intentions but the execution suffers..."garish" is the word that comes to mind...the colour choices for the hyperlinks need rethinking amongst other things, a softer "white" for the text would also be something I'd look at, a light gray perhaps? I know you want to keep to your proven theme, but a rethink beofre just reversing the colour palette would be suggested. Good first effort, needs work though.'''

== 📢[https://en.wikipedia.org/wiki/List_of_Mac_models List of Mac models] dark mode error ==


Light tables and light timelines.

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
: {{re|Odonnellb}} Hello, could you please explain the issue you are facing in detail? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 07:08, 15 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/PDF PDF] dark mode error ==
{{Tracked|T369391}}
The {{mono|.flaggedrevs-color-1}} sets light background without changing text colour, so the revision history of an article with pending changes protection is completely illegible in the dark mode. Pending and unreviewed are probably affected too.

== 📢[https://en.wikipedia.org/wiki/Wikipedia:Community_portal Community portal] dark mode error ==


'''Issue Description'''
The signpost is still in light mode and the help out titles are still in light mode
* Fixed the signpost box. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 02:20, 18 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Chroma_subsampling Chroma subsampling] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The black text of the first image which is transparent is hard to read.

== 🐛 [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==

{{Tracked|T370454}}
'''Tip popup after confirming my e-mail for my account is still in light mode'''

The text says: "Welcome to your homepage! You can always click on your username to return here. ..."

== 🐛[https://en.wikipedia.org/wiki/Hexadecimal Hexadecimal] dark mode error ==
{{Tracked|T370074}}
'''Dark mode incompatible with alpha channel'''

https://en.wikipedia.org/wiki/Hexadecimal has the "Bibi-binary" image and the "Ronald..." image that are just all black in dark mode. This has been very common since the advent of the Dark Reader plugin (and similar) and can be fixed by making the background for all images off-white, or automatically "flattening" the alpha channel from all images.

== ❓[https://en.wikipedia.org/wiki/Special:InvalidateEmail/3c0192d958d6e0a239d96f5ed2a45d78 InvalidateEmail/3c0192d958d6e0a239d96f5ed2a45d78] dark mode error ==

<includeonly></includeonly>
'''Issue Description'''

== ✅ [https://en.wikipedia.org/wiki/Lists_of_political_office-holders_in_the_Protectorate_of_Bohemia_and_Moravia Lists of political office-holders in the Protectorate of Bohemia and Moravia] dark mode error ==


'''Issue Description'''
Most table contents are invisible, except for the header and marked rows.
: https://en.m.wikipedia.org/wiki/Template:Officeholder_table_start [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:25, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Kuratowski_closure_axioms Kuratowski closure axioms] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
At https://en.wikipedia.org/wiki/Kuratowski_closure_axioms#Definition, the backgrounds of the boxes are white, and the text is black. Furthermore, the equations are impossible to see.

== ❓[[https://en.wikipedia.org/wiki/List_of_countries_by_total_fertility_rate List of countries by total fertility rate] dark mode error ==


'''Issue Description'''
there area little bug when you editing a value of country , pay attention

== 📢[https://en.wikipedia.org/wiki/File:Screenshot_of_Google_Sites_editing.png Screenshot of Google Sites editing.png] dark mode error ==


'''Issue Description'''
White text in the template is unreadable with a light purple background.

: https://en.m.wikipedia.org/w/index.php?title=Template:Non-free_use_rationale [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:24, 17 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


When I switch to dark mode in my login in English Wikipedia, it does not replicate the dark mode in other languages.

== 🐛[https://en.wikipedia.org/wiki/The_Righteous_Gemstones The Righteous Gemstones] dark mode error ==


'''Issue Description'''
In "Episodes" section, episode title rows display as dark text on a white background, which is very jarring against the otherwise dark mode screen.

: Needs reporting to https://en.m.wikipedia.org/wiki/Template_talk:Episode_list [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:21, 17 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Contents/Portals Contents/Portals] dark mode error ==


'''Issue Description'''
Light on light tables, nearly unreadable
: Fix to https://en.m.wikipedia.org/wiki/Wikipedia:Contents/styles.css is required. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:19, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Jadwiga_of_Poland Jadwiga of Poland] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''

The main picture on this page is black on black until you click on it. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 00:07, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Homotopy_lifting_property Homotopy lifting property] dark mode error ==
{{Tracked|T370074}}



'''Issue Description'''

In the formal definition section, the commutative diagram is difficult to read, since the arrows and text in the diagram and the background are both black. This only occurs on the browser version of the wiki page; on the mobile app version, the background of the commutative diagram is white, while the text in the diagram is black, and the background of the entire page is black with white text.

I think a better fix would be to make the text in the commutative diagram white, if possible.
: This old entry from July 13 was blocked by an abuse filter. I've rescued it from the logs. [[User:Pppery|* Pppery *]] [[User talk:Pppery|it has begun]] 05:10, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Phase-change_memory Phase-change memory] dark mode error ==
{{Tracked|T370074}}

'''Issue Description'''

== 🤖📢 [https://en.wikipedia.org/wiki/Cosmetics Cosmetics] dark mode error ==


'''Issue Description'''
The link colour of the “improve this section” text in the “Globalize section” template is too dark when in dark mode. This is however only when logged in, and I am using gadgets like Twinkle which might cause it.

I can make a screenshot, I wasn’t sure if I am allowed to just straight upload to MediaWiki.org or if I have to upload it to something like imgur?

I forgot how to properly test and disable gadgets and other beta functions easily, so feel free to ignore this report. It does happen with all browser plugin disabled on both Firefox and Safari, as long as I am logged in. [[User:Cepeli|Cepeli]] ([[User talk:Cepeli|talk]]) 19:07, 17 July 2024 (UTC)

== 📢🐛 [https://en.wikipedia.org/wiki/Oblique_projection Oblique projection] dark mode error ==
{{Tracked|T370074}}
'''Issue Description'''

In the section "Military projection" / "Examples", the SVG graphics are displayed in an unreadable way, everything is very dark, practically unreadable. Opening only the graphics allows to see it properly.

'''Additional (general) note'''

The text in the dark mode is too bright (probably pure white), it hurts the eyes.

IMHO, for comfortable reading in a dark environment (as the dark mode is meant mostly for that), the text should be light grey (not too dark either!). With pure white, the contrast is way too strong, not comfortable for the eyes.

I understand there are some options to customize it, but maybe balancing it slightly better by default
is worth considering.

'''BIG THANKS!!!'''

THUMBS UP FOR THE DARK MODE IN WIKIPEDIA!!!! AT LAST!!!
I was waiting for this for YEARS, wondering when finally Wikipedia devs will stop confusing computer screen with paper (as is the case of majority of applications since Microsoft Word entered the scene and everyone followed...).

I was forced to use resource consuming "Dark mode" plugin to be able to read the articles.

As for me you can abandon the "light mode" and help people save their eyes (though probably it must be kept for those reading Wikipedia on the beach, in the desert, while skiing etc. ;-)

Thank you for the effort providing the Dark mode in Wikipedia!

== 🐛 [https://en.wikipedia.org/wiki/Miguel_Zambrano Miguel Zambrano] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
Sport wrestling symbol in the stub template is black on black, invisible.

== ✅[https://en.wikipedia.org/wiki/Template:Conservation_status Conservation status] dark mode error ==

'''Issue Description'''
Labels of conservation status shorthand dark grey on black, nearly unreadable.

==🐛[https://en.wikipedia.org/wiki/Diffusion_equation Diffusion equation] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
The equations are white text on a white background and therefore impossible to read.

== ✅[https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Council/Directory WikiProject Council/Directory] dark mode error ==


'''Issue Description'''
Project directory forces light mode
* This is more or less fixed. Inputbox allows a manual color to be added with wikitext like <code><nowiki><inputbox>bgcolor=white</inputbox></nowiki></code> which should probably have a dark mode workaround. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 02:30, 18 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Tahoma_(typeface) Tahoma (typeface)] dark mode error ==


'''Issue Description'''
In the infobox, every link shows up as unclicked blue links, whether the page has been clicked on or doesn't exist.

== 📢[https://en.wikipedia.org/wiki/The_Ashes The Ashes] dark mode error ==


'''Issue Description'''
Dark mode is too dark and the white text bleeds, the dark background should be more like grayish and not pitch black

== ❓[https://en.wikipedia.org/wiki/Cathy_Freeman Cathy Freeman] dark mode error ==


'''Issue Description'''doesn’t work all the time

== 🐛[https://en.wikipedia.org/wiki/Special:Watchlist Watchlist] dark mode error ==
{{Tracked|T370423}}
--[[User:Trương Mạnh Dinh|Trương Mạnh Dinh]] ([[User talk:Trương Mạnh Dinh|talk]]) 06:21, 18 July 2024 (UTC)
'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Epping_railway_station,_Sydney Epping railway station, Sydney] dark mode error ==


'''Issue Description'''
The "Services to" are too dark in the infobox.

== ❓[https://en.wikipedia.org/wiki/User:JMGN JMGN] dark mode error ==


'''Issue Description'''
: {{re|Cevap86}} Hello, could you please explain the issue you are facing in detail? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:58, 19 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Category:Redirects_from_shortcuts Redirects from shortcuts] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Category:Pending_AfC_submissions Pending AfC submissions] dark mode error ==


'''Issue Description'''
[[w:en:
Wikipedia:Article alerts/Bot use warning]] if transcluded onto that page, but the font color is not white.<blockquote>Issue with Cmbox, specifically html.skin-theme-clientpref-night .mw-parser-output .cmbox [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 17:40, 19 July 2024 (UTC)</blockquote>

== 🐛[https://en.wikipedia.org/wiki/Froude_number Froude number] dark mode error ==


'''Issue Description'''

See the section "Definition and main application."

https://en.wikipedia.org/wiki/Froude_number#Definition_and_main_application

Equations in the green boxes are not readable. They switch to black text. The white page background flips to black. But the light green stays the same, so you get white on light green.

Fix idea: these math symbols need to not flip from black to white. Either manually (some flag set by wiki editor) or automatically (never flip if it's in a box with manually set background).

I don't know how to achieve the fix.

--[[User:Officiallyover|Officiallyover]] ([[User talk:Officiallyover|talk]]) 18:30, 19 July 2024 (UTC). [https://en.wikipedia.org/wiki/User_talk:Officiallyover Wikipedia talk page].

:We're discussing this here: https://en.wikipedia.org/wiki/Template_talk:Equation_box_1#Dark_mode [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 18:40, 19 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/CrowdStrike CrowdStrike] dark mode error ==


'''Color of the links'''

Great to see the dark mode on Wikipedia, however the color of the links in dark mode can be difficult to read. Here are potential improvements could be done in terms of accessibility:
* '''Increase the contrast ratio between text and background:''' The color of the links should be a brighter color that contrasts more with the background color.
* '''Use a different color for visited links:''' If you are going to update the color of links, please assure to update the color of visited links as well, which currently is dark purple, which is even more difficult to see against the dark background.
Thanks for the efforts --[[User:Mehran|Mehran]] ([[User talk:Mehran|talk]]) 23:15, 19 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Toys_(film) Toys (film)] dark mode error ==


'''Issue Description'''
Under the section "Soundtrack", the dark mode settings do not adjust on the table used in this section.

== 📢[https://en.wikipedia.org/wiki/Wikipedia:Protection_policy Protection policy] dark mode error ==


'''Issue Description'''
The "Are you in the right place?" boxes below are white

== 🐛[https://en.wikipedia.org/wiki/List_of_MythBusters_episodes List of MythBusters episodes] dark mode error ==


'''Issue Description'''
The tables are not in dark mode.

== ❓️[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==

'''Dark mode is not turned on when the settings are saved.'''

I tried to open up a dark mode in the settings, but when I clicked save, ''It switched back to light mode!''
I have no idea what happened. This bug only exists in [https://en.wikipedia.org/ the classic version] but not in [https://en.m.wikipedia.org/ this version.]

This is a but that '''needs''' to be fixed.

Lots of love,
Ayham

[[Special:Contributions/2A00:F29:248:703C:41EC:97AC:C09F:995A|2A00:F29:248:703C:41EC:97AC:C09F:995A]] 06:45, 20 July 2024 (UTC)

: Is it possible you are trying to use the gadget? The gadget doesnt work on preferences page for security reasons. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:39, 22 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/List_of_trigonometric_identities List of trigonometric identities] dark mode error ==


'''Issue Description'''
The background of four tables remains in light colors, making the content unreadable. Here are listed the Sections with a problematic table:

# Angle sum and difference identities
# Multiple-angle and half-angle formulae (x2)
# Relation to the complex exponential function

== ✅[https://en.wikipedia.org/wiki/Definite_matrix Definite matrix] dark mode error ==


'''Issue Description'''
in the #Definitions section, the background colour of the Equation boxes is not updated, whereas the text colour is, making white text on a white background, which is not readable

== 🐛Dark mode error on history listings on pages with pending changes protection set ==
{{Tracked|T369391}}
'''Issue Description''': Articles with pending changes protection have history entries that are basically unreadable in dark mode. For example, [[:en:Eglinton, County Londonderry]] looks like [https://imgur.com/a/3T030sR this]. It looks like <code>.flaggedrevs-color-1</code> is set to a specific background color intended for light mode: <code>background-color: #eaf3ff;</code>.

== ❓[https://en.wikipedia.org/wiki/Wikipedia:Redirects_for_discussion/Log/2024_July_20 Redirects for discussion/Log/2024 July 20] dark mode error ==


'''Issue Description'''
When I go to edit an article, anything that is NOT a link is grey text on white background. --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 21:49, 20 July 2024 (UTC)

:@[[User:Jax 0677|Jax 0677]] Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:07, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/Template:Soulfly Soulfly] dark mode error ==


'''Issue Description'''
At {{tl|Soulfly}}, the actual link for [[Soulfly]] is an extremely dark grey that is difficult to see on a black background. --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 22:03, 20 July 2024 (UTC)

[https://en.wikipedia.org/wiki/MediaWiki_talk:Vector-2022.css#Links_inside_tables Being tracked here] [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 18:27, 22 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==

'''Issue Description''': It just doesn't work. Anywhere. On any page
: {{re|PrinceEKC}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:12, 23 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Talk:2024_CrowdStrike_incident 2024 CrowdStrike incident] (actually applies to any editable page) dark mode error ==
{{Tracked|T365311}}
'''Issue Description'''
Source editing with dark mode and syntax highlighting both on results in plain text having very low contrast with the editing window.

== ✅[https://en.wikipedia.org/wiki/Horsepower Horsepower] dark mode error ==


'''Issue Description'''

Running English Wikipedia in dark mode, most stuff looks pretty great! I do see some diagrams ending up with low contrast such as this SVG diagram snapshotted on the [[w:Horsepower]] article:

[[File:Dark mode screenshot of horsepower diagram.png]]

The text and markings in the image are solid black on a transparent background, which shows through a dark gray from the infobox in dark mode. This ends up difficult to read.

Long-term ideal fix would be to allow SVGs to use theme-aware colors, but this would require some retooling. --[[User:Brooke Vibber (WMF)|Brooke Vibber (WMF)]] ([[User talk:Brooke Vibber (WMF)|talk]]) 14:53, 21 July 2024 (UTC)

:Added the phab task [[User:Jon (WMF)|Jon (WMF)]] has been working on which would add a background colour to images in dark mode to catch these black lines on a black background bugs. [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 18:00, 22 July 2024 (UTC)

{{Tracked|T370074}}

== 🐛 [https://en.wikipedia.org/wiki/2024_Formula_One_World_Championship 2024 Formula One World Championship] dark mode error ==


'''Issue Description'''
The overall points in the championship table for drivers and teams is coloured black on a black background and as a result it is unreadable

Tracked in [[w:Template_talk:F1_Drivers_Standings|F1_Drivers_Standings]]
--[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:54, 22 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Wikipedia:Wikipedia_Signpost/2024-07-04/In_focus Wikipedia Signpost/2024-07-04/In focus] dark mode error ==


'''Issue Description'''
On the title "The sign Post" the text gets highlighted as grey. Also the text "With this adminbot script, a user can be blocked for vandalism, spam, inappropriate or promotional username. If the script is used by admin, he could block user, hide his contribs and delete pages, created by him, with a single click. Non-admin can also cancel a block imposed by him."
is hard to read, since it's grey on black.

== 🐛 [https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical) Village pump (technical)] dark mode error ==


'''Issue Description'''
In dark mode, at {{tl|Soulfly}}, the actual link for [[Soulfly]] is an extremely dark grey that is difficult to see on a black background. Also, when editing, anything that is NOT a link is grey text on a white background. It was not this way before. Does anyone know how to fix this? --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 21:36, 21 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Hunter_Line Hunter Line] dark mode error ==


'''Issue Description'''
The box below intercity stations is still in light mode

==📢[https://en.wikipedia.org/wiki/Wikipedia:Sockpuppet_investigations Sockpuppet investigations] dark mode error ==


'''Issue Description'''
The "How to open an investigation:" and the box when you open the section is still in light mode

: feedback for [[en:Template:SPI navigation]] [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:45, 22 July 2024 (UTC)

== 🐛 Report from [[User:Glutnix]] ==
{{Tracked|T366380}}
'''Issue Description'''

Dark mode appearance settings from Wikipedia are ignored on https://en.wikipedia.org/wiki/Portal:Current_events, which is linked from the main sidebar on Wikipedia.

== ✅ [https://en.wikipedia.org/wiki/Cross-entropy Cross-entropy] dark mode error ==


'''Issue Description'''
It appears that the display of mathematical expressions such as those in the boxes marked eq 1 and eq 2 are not displayed in dark mode: https://en.wikipedia.org/wiki/Cross-entropy

== 🐛 [https://en.wikipedia.org/wiki/Dirac_equation Dirac equation] dark mode error ==


'''Issue Description'''
The boxed Dirac Equation in section "Covariant form and relativistic invariance" is not properly displayed in dark mode, probably because the box background and equation text are both white.

Tracking on [[w:Template_talk: Equation_box_1|Equation_box_1 ]] --[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:34, 22 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/2024_Formula_One_World_Championship 2024 Formula One World Championship] dark mode error ==


'''Issue Description'''
Black numbers and text on dark grey background in the "points" columns of the charts which show the standings for the drivers and constructor's championships. Low contrast, poor readability.

Reported bug on template talk page [[w:Template_talk:F1_Drivers_Standings#Dark_mode_error:_points_column_numbers_not_visible|F1_Drivers_Standings]] --[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:33, 22 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/2024_United_States_presidential_election 2024 United States presidential election] dark mode error ==


'''Issue Description'''
Dark mode works, but the text remains black, making it impossible to read. This is site-wide for me

[[File:2024 United States presidential election - Screenshot.png|400px]]

-- [https://en.wikipedia.org/wiki/User:TattooedLeprechaun Wikipedia:TattooedLeprechaun] ([https://en.wikipedia.org/wiki/User_talk:TattooedLeprechaun talk]) 13:47, 22 July 2024 (UTC+1/IST)

: I can't reproduce this. Is it possible that you have local CSS enabled for your profile or a gadget enabled that could be creating the issue? - [[User:JScherer-WMF |JScherer-WMF]]
:: ping {{re|TattooedLeprechaun}} --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:01, 22 July 2024 (UTC)
:: {{re|JScherer-WMF}} Furthermore, you can type four tildes (<code><nowiki>~~~~</nowiki></code>) to add the [[:en:WP:Signatures|signatures]]. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:01, 22 July 2024 (UTC)
:::Thanks! [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:32, 22 July 2024 (UTC)
::::I think it was just a glitch with Dark mode. It seems to have fixed itself now. {{re|JScherer-WMF}} Apologies. [[User:TattooedLeprechaun|TattooedLeprechaun]] ([[User talk:TattooedLeprechaun|talk]]) 12:42, 20 August 2024 (UTC)

==🐛 Suggested edit popup dark mode error ==
{{Tracked|T369588}}

'''Issue Description'''
Suggested edits pop-up is not dark mode compatible. Pop up appeared after I made an edit.
[[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 17:38, 22 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Help:Cheatsheet Cheatsheet] dark mode error ==


'''Issue Description'''
https://en.wikipedia.org/wiki/Help:Cheatsheet
The entire chart of this article is a flash-bang in the darkness of dark mode.

== ✅ [https://en.wikipedia.org/wiki/List_of_flagpoles_by_height List of flagpoles by height] dark mode error ==


'''Issue Description'''

The second item on this list "Saint Petersburg Flagpoles" is rendered in black on black, making it completely invisible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 02:19, 23 July 2024 (UTC)

== 🐛[[w:en:File:The alleged photo trump fist etc.png]] dark mode error ==
This is presumably not exclusive to that file, but text on the right in [[w:en:Template:Information]] and the preamble in [[w:en:Template:Self]] is not readable at all due to its very light color. [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 02:48, 23 July 2024 (UTC)

== ❓[https://en.wikipedia.org/w/index.php?search=61ST+TV&title=Special:Search&profile=advanced&fulltext=1&ns0=1 Search] dark mode error ==


'''Issue Description'''
In search results, the snippets of article text are rendered as white text on a white background.
: {{re|Quick and Dirty User Account}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:56, 24 July 2024 (UTC)

:Thanks for looking into this. I don’t know that I really can describe the issue better in words, but hopefully [https://ibb.co/Ytkj9XT this screenshot] will be worth a thousand of them. Please note that the issue occurs in Firefox. I now have loaded the same search results page in Chrome and Edge, and the background in question renders as black instead of white in those browsers, so the problem may be exclusive to Firefox. I admit that I sorely need to update the version of Firefox that I am using (107.0); therefore, it’s possible that the issue is attributable to that.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 05:06, 24 July 2024 (UTC)
::@[[User:Quick and Dirty User Account|Quick and Dirty User Account]] Thanks for your reply. I'm using the latest version of Firefox and I don't have this problem. So maybe you update your Firefox to the latest version? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 12:02, 24 July 2024 (UTC)
:::{{Re|SCP-2000}} Indeed. I did finally update Firefox today to the current version (128.0.2). However, I am still having the search results issue. While the page is loading, those article snippets do briefly appear as white text on a black background, but the background changes to, and then remains, white. Thanks . . . [[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 02:37, 25 July 2024 (UTC)
::::It looks like you have a gadget enabled. I see an "English Wikipedia" dropdown by the search button which is not there by default. Any idea what gadget that is? Maybe https://en.wikipedia.org/wiki/MediaWiki:Gadget-PrettyLog.css ? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 03:12, 25 July 2024 (UTC)
::::@[[User:Quick and Dirty User Account|Quick and Dirty User Account]]: Have you tried to using [https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history Firefox's private window] and [https://support.mozilla.org/en-US/kb/diagnose-firefox-issues-using-troubleshoot-mode?redirectslug=troubleshoot-firefox-issues-using-safe-mode safemode]? It seems to be a problem with your custom css/js, gadget or Firefox settings/extension. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:14, 25 July 2024 (UTC)
:::::Thank you for your suggestions. {{Reply to|Jdlrobson|p=,}} I identified the gadget you mentioned; its function is listed as “Add a selector to the Wikipedia search page allowing the use of external search engines”. However, disabling it did not resolve the issue. {{Reply to|SCP-2000|p=,}} neither using a private window nor running Firefox in Troubleshoot Mode (formerly Safe Mode) fixed the problem either. I also tried changing the website appearance setting in Firefox from automatic to dark; switching the preferred language for displaying pages to different dialects of English; and disabling the extensions and restoring the default theme manually. Additionally, I tried disabling some of the Wikipedia gadgets individually. Nothing changed in regard to the issue.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 10:04, 26 July 2024 (UTC)
::::::Update: the backgrounds still come up as white, but the text is now black, so the article snippets are entirely legible. Not sure whether the change was on my end or at the source, but thank you again, {{Reply to|SCP-2000|p=}} and {{Reply to|Jdlrobson|p=}}.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 08:43, 27 July 2024 (UTC)
:::::::It is [[:en:MediaWiki:Gadget-PrettyLog]]. Please disable it if you want to remove the highlight. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:56, 27 July 2024 (UTC)
::::::::Ah, you are correct, {{Reply to|Jdlrobson|p=}}. PrettyLog doesn’t seem to do what it’s meant to anyway (and its help page is marked as inactive). Thank you!—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 21:41, 27 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/2024_CrowdStrike_incident 2024 CrowdStrike incident] dark mode error ==


'''Issue Description'''
The blue hyperlinks are too dark to be read easily on the dark background. It seems obvious, but the hyperlinks should be changed into a lighter shade of blue to compensate. (Article I happened to be reading was https://en.wikipedia.org/wiki/2024_CrowdStrike_incident) - [[User:Jetro|Jetro]] ([[User talk:Jetro|talk]]) 06:59, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/Template:Bar_chart Bar chart] dark mode error ==


'''Issue Description'''
Chart does not appear in dark mode. White text on a white background. See [[w:September_11_attacks#FBI|September 11th Attacks]]. Added comment to talk page--[[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 15:52, 23 July 2024 (UTC)

:This should now be fixed, [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 20:38, 25 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Java_version_history Java version history] dark mode error ==


'''Issue Description'''
This page includes a table of software releases. The first column contains colored boxes (e.g. red for unsupported) and text for the version. On light mode, the text within is black and is quite readable. On dark mode, the text is a light gray and nearly impossible to read, especially in the yellow and green colored boxes. If it could be modified so that it's still readable on dark mode, that would be appreciated.

Also, the last column has several boxes with a `—` in them, which are colored light gray. This looks fine on light mode, but on dark mode it comes across as several cells that are stuck on light mode. Not sure what the solution is to this; maybe just getting rid of the light gray background entirely? –[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:25, 23 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/C++ C ] dark mode error ==


'''Issue Description'''
Inline code and code blocks are rendered in light mode, while the rest of the article is in dark mode. The section "Lambda expressions" shows both. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:30, 23 July 2024 (UTC)

:I've run into this issue on most pages that display code. Elm (Programming Language) being one example. [[User:IntangibleMatter|IntangibleMatter]] ([[User talk:IntangibleMatter|talk]]) 00:13, 31 July 2024 (UTC)
:Could it be possible for the editors to get the mode of the code block, or the coloring they prefer? [[User:Eason Y. Lu|Eason Y. Lu]] ([[User talk:Eason Y. Lu|talk]]) 22:13, 19 August 2024 (UTC)

== 🐛"Report an issue with dark mode" doesn't generate the correct title for articles with non-letters ==


'''Issue Description'''
If the article title has non-letters in it, the "Report an issue with dark mode" doesn't generate a report with the correct title. Reproduction steps:

1. Go to https://en.wikipedia.org/wiki/C++
** If it matters, I'm doing this on my Safari web browser on macOS 14.5, which displays the URL in the address bar as https://en.wikipedia.org/wiki/C%2B%2B
2. Click the "Report an issue with dark mode" link on the article's sidebar, near the light/dark mode settings

3. Observe that the report title is <code><nowiki>[https://en.wikipedia.org/wiki/C++ C ] dark mode error</nowiki></code>, which replaces the <code>++</code> with two spaces.

In this particular case, it was confusing because there is also a thing called "C" that is related, but distinct from "C++". -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:41, 23 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Empire_of_the_Sultans Empire of the Sultans] dark mode error ==


'''Issue Description'''
On today's featured article, the end of the article after "External Links" is a box of article links with the title "Nasser David Khalili". The title is nearly illegible in dark mode, appearing as dark brown text. —[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:46, 23 July 2024 (UTC)

:This is being discussed in https://en.m.wikipedia.org/wiki/Template_talk:Navbox#c-Jonesey95-20240723180300-Jdlrobson-20240723175900 [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 22:20, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/2024_North_Carolina_Tar_Heels_football_team 2024 North Carolina Tar Heels football team] dark mode error ==


'''Issue Description'''
As I was browsing the schedule section, I found that the dates and kickoff times remained black. I also found that hyperlinks remained a dark purple colour.

If these fonts could be changed to a lighter color, such as white, it would make dark mode a much better experience.
: Issue in [[en:Template:CFB_schedule|this template]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 16:16, 24 July 2024 (UTC)

:Reported https://en.wikipedia.org/wiki/Template_talk:CFB_schedule#Dark_mode_support [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:04, 24 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Help:Menu Help:Menu] dark mode error ==


'''Issue Description'''
The text field and button are in dark mode, along with the "Tip of the day" section, but everything else in light mode. –[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:56, 23 July 2024 (UTC)

== ✅️[https://en.wikipedia.org/wiki/File:Translation_to_english_arrow.svg Translation to english arrow.svg] dark mode error ==


'''Issue Description''' This file contains a symbol, an arrow, and the letter A. The symbol and letter A are a dark gray, which are difficult to read on dark mode.

This file is used on [https://linkcount.toolforge.org/?project=en.wikipedia.org&page=File%3ATranslation+to+english+arrow.svg 85,716 articles], mostly via the [https://en.wikipedia.org/wiki/Template:Expand_language Template:Expand language] family of templates. For example [https://en.wikipedia.org/wiki/Nguyễn_Phú_Tr%E1%BB%8Dng Nguyễn Phú Trọng] (a recent "In the news" article) has it. Improving the legibility of this file will consequently improve the legibility of the tens of thousands of articles that contain this image. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 19:08, 23 July 2024 (UTC)

==✅️[[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] dark mode error==
'''Issue Description:'''

In this page [[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] on the Table for Lichtman's prediction record, the sections with the text that Leans True/False are black in dark mode, thus rendering the text invisible unhighlighted. {{unsigned|Ainny27}}

==📢 Report by [[User:Hypersilly]] ==
'''Issue Description'''

On dark mode, tables or whatever you call them are still white when in dark mode.

For example, on https://en.wikipedia.org/wiki/List_of_chemical_compounds_with_unusual_names#Compounds, the table is white on both light and dark mode.

== ✅️Report by [[User:Ainny27]] ==
'''Issue Description:'''

In this page [[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] on the Table for Lichtman's prediction record, the sections with the text that Leans True/False are black in dark mode, thus rendering the text invisible unhighlighted.

== ✅[https://en.wikipedia.org/wiki/Wizardry Wizardry] dark mode error ==


'''Issue Description'''

For the big table in the [https://en.wikipedia.org/wiki/Wizardry#Games Games] section of the Wikipedia article on the [https://en.wikipedia.org/wiki/Wizardry Wizardy] video-game series, the majority of the text in that table was the exact same colour as the table's background, and thus completely invisible.

== 📢[https://en.wikipedia.org/wiki/Template:Endorsements_box Template:Endorsements box] dark mode error ==


'''Issue Description'''
[[:en:Template:Endorsements box]] does not change when dark mode is enabled (still has white background with black text). This can be seen in the template documentation, see [[:en:2024 Portland, Oregon mayoral election#Endorsements|here]] for an example in a page.

== 📢[https://en.wikipedia.org/wiki/Talk:1912_suspension_of_Ty_Cobb Talk:1912 suspension of Ty Cobb] dark mode error ==


'''Issue Description'''
Talk pages such as this one (chosen because it's a recent featured article) have a <code>[reply]</code> link after each section. That link is dark blue, which is difficult to see in dark mode. I don't see any reason why it needs to be a different color than the <code>[edit]</code> or <code>[subscribe]</code> links. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 05:07, 25 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Rhenium Rhenium] dark mode error ==

'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Beauty_&_the_Beast_(2012_TV_series) Beauty ==

'''Issue Description'''
: {{re|Stam098c}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 04:12, 27 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/2019_Bougainvillean_independence_referendum 2019 Bougainvillean independence referendum] dark mode error ==


'''Issue Description'''
Under the Results section, in the table, the text on rows 5-6 column 1 ("Valid votes" and "Invalid/blank votes") look invisible because the text color is the same as the background color. The only way to read it is by selecting the text.<blockquote>Issue with [[:en:Module:Election_results]] not adhering to [[Special:LintErrors/night-mode-unaware-background-color]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 18:59, 26 July 2024 (UTC)</blockquote>

== ✅ [https://en.wikipedia.org/wiki/Algebra Algebra] dark mode error ==


'''Images with transparent backgrounds may become illegible'''

An example of this in action is in the English page on Algebra https://en.wikipedia.org/wiki/Algebra where the images in the upper right box have formulas with black text, which becomes illegible on a dark background.

== ✅️[https://en.wikipedia.org/wiki/Exact_trigonometric_values Exact trigonometric values] dark mode error ==


'''Issue Description'''
Dear Wikipedia Team,
I am writing to bring your attention to an accessibility issue I noticed in the trigonometry diagram on the page "Exact trigonometric values" (https://en.wikipedia.org/wiki/Exact_trigonometric_values).
The current dark mode version of the diagram has poor visibility of the x and y axis arrows. The black arrows are nearly invisible against the dark background, which significantly reduces the diagram's clarity and usefulness for users viewing the page in dark mode.
To address this issue, I suggest:

Changing the color of the axis arrows in the dark mode version to a light color (e.g., white or light gray) to ensure proper contrast.
Reviewing other diagrams on the site to ensure they are equally legible in both light and dark modes.

This change would greatly improve the accessibility and readability of the content for all users, particularly those who rely on or prefer dark mode.
Thank you for your attention to this matter. Wikipedia's commitment to open knowledge is commendable, and addressing this issue will further enhance the user experience for your global audience.
[[File:Dark Mode Error.jpg|none|alt=The issue you're facing with the dark mode version of the trigonometry diagram is that the black arrows representing the x and y axes are not visible against the dark background.|The issue you're facing with the dark mode version of the trigonometry diagram is that the black arrows representing the x and y axes are not visible against the dark background.]]

==✅️ Report by [[User:Aayush jadhav007]] ==
'''Issue Description''': The transparent images aren't visible appropriately due to dark mode.
: {{re|Aayush jadhav007}} Hello, could you please explain the issue you are facing in detail (e.g. which page) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:56, 27 July 2024 (UTC)

:I encountered on this wiki page about diols(in organic chemistry) [https://en.wikipedia.org/wiki/Diol] in dark mode.
:The screenshot of the issue [https://ibb.co/tHYf1vD]. I do understand it's because of transparent background and black color of text, but it is pretty inconvenient. [[User:Aayush jadhav007|Aayush jadhav007]] ([[User talk:Aayush jadhav007|talk]]) 17:31, 27 July 2024 (UTC)

== ✅️ [https://en.wikipedia.org/wiki/Talk:2020_United_States_presidential_election Talk:2020 United States presidential election] dark mode error ==


'''Issue Description'''

# Under "Other talk page banners", click "Show"
# Under "Consensuses on pre-election presentation of candidates", click "Show"

The entire template that is revealed is illegible due to appearing as black text on a dark brown background.

== ✅️[https://en.wikipedia.org/wiki/2020_United_States_presidential_election 2020 United States presidential election] dark mode error ==


'''Issue Description''' The "Close states" section of the article has legibility problems. The dark red lines are odd but readable, while the dark blue lines are completely unreadable. Similarly, the "County statistics" section following it has problems with the dark blue percentages.

== 📢[https://en.wikipedia.org/wiki/Freshwater_snail Freshwater snail] dark mode error ==


'''Issue Description'''
(1)
i have an issue with link color
seems to dark against black back ground
and hard tell apart visited links

(2)
when in bright light as outdoor, reflections on the screen are more notissable

== [https://en.wikipedia.org/wiki/Wikipedia:Articles_for_deletion/Nonperson Articles for deletion/Nonperson] dark mode error ==


'''Issue Description'''
The box has a white background with black text, defeating the purpose of dark mode. This applies to all closed AfDs (eg https://en.wikipedia.org/wiki/Wikipedia:Articles_for_deletion/Log/2024_July_14) and many tables and templates. [[User:Helpful Cat|Helpful Cat]] ([[User talk:Helpful Cat|talk]]) 08:35, 28 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:AbuseFilter/examine/log/38326790 Special:AbuseFilter/examine/log/38326790] dark mode error ==


'''Issue Description'''
The table shown has light grey text on a white background, making it completely unreadable. [[User:Rummskartoffel|Rummskartoffel]] ([[User talk:Rummskartoffel|talk]]) 08:45, 28 July 2024 (UTC)

== ❓general dark mode error ==


'''Issue Description'''
This happens on all pages, but it seems even pages that don’t exist show as blue.
I think it’s a general dark mode error.

== 📢[https://en.wikipedia.org/wiki/Love_on_Top_of_Love Love on Top of Love] dark mode error ==
{{Tracked|T365311}}
'''Issue Description'''
The shade of blue used to differentiate links when syntax highlighting is enabled in the source editor is an awful choice which makes it nigh impossible to make out what is written — there is far too little contrast between it and the color of the background, they blend together. In the article I'm reporting from, this can be seen anywhere & everywhere links appear (for example: the infobox), and is an issue not just here, but on every page.<blockquote>Known issue. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 05:00, 29 July 2024 (UTC)</blockquote>

== 📢[[:en:Imperial_Chemical_Industries|Imperial Chemical Industries]] dark mode error ==


'''U4C banner is not dark mode aware'''

The U4C election banner on Wikipedia is not dark mode aware, and uses hard coded white background with black text.
This occurs on any page, even the [https://en.wikipedia.org/wiki/Main_Page homepage].
--[[User:Deanna Earley|Deanna Earley]] ([[User talk:Deanna Earley|talk]]) 22:32, 28 July 2024 (UTC)<blockquote>Banners are intentionally light themed only right now per [[phab:T365324#9818110]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 05:00, 29 July 2024 (UTC)</blockquote>

== ❓[[:en:Special:Watchlist|Watchlist]] dark mode error ==
'''Issue Description'''
When editing source code for any article, the background is white and the article text color is so light that it is unreadable. This makes source code editing very inconvenient and pretty much impossible. [[User:Ltwin|Ltwin]] ([[User talk:Ltwin|talk]]) 02:58, 29 July 2024 (UTC)

:@[[User:Ltwin|Ltwin]]: Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? If you are logged out, do you face to the same issue? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 14:00, 29 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Northeast_blackout_of_1965 Northeast blackout of 1965] dark mode error ==


'''Issue Description'''
Wikipedia's dark mode makes all unhighlighted parts of the map at the top of the page appear in a washed-out gray color. It is hard to distinguish North America from the oceans and the state/province borders are not clear. However, the Dark Reader extension produces a much more readable map when activated.

== 🐛[https://en.wikipedia.org/wiki/Wikipedia:Articles_for_creation/Categories Articles for creation/Categories] dark mode error ==

{{Tracked|T369391}}

'''Issue Description'''
Highlighted text is illegible, FlaggedRevs related issue. History page.

== 📢[https://en.wikipedia.org/wiki/Thermoelectric_effect Thermoelectric effect] dark mode error ==


'''Issue Description'''
Dark mode contrast is too high. Even though the background is not pure black, the #101418 color is too dark on LCD screens with good backlight "bleed" control or OLED panels. The eye discomfort due to high contrast is less intense on poor quality LCD displays because the backlight makes the background less dark.
Also dimming the text color a bit could help.

== ✅Report by [[User:Robbert o biond]] ==
'''Issue Description'''
While consulting the webside in dark mode, both from mobile application and via desktop (browser), content as images (especially symbols or latex diagrams, loaded as images) blend into background. An example is the page https://en.wikipedia.org/wiki/Pullback_(category_theory). Maybe a forst solution would be adding a white background to prevent such contents to show up messy or unreadable.

== ❓Report by [[User:MarsatzBrand142]] ==
'''Issue Description'''
Some of the lines in the templates are white and others are not.
: {{re|MarsatzBrand142}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 14:10, 29 July 2024 (UTC)

== 📢Report by [[User:Woodge200000]] ==
'''Issue Description'''
enabling dark mode does not make any wikipedia page dark except for the "preferences" page. after opening an article, there is a split-second where it is dark and then it immediately defaults back to a blinding white.<blockquote>You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 02:07, 30 July 2024 (UTC)</blockquote>
: cc [[User:Woodge200000]]. You may see above comment. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:44, 8 August 2024 (UTC)

== 📢[[:en:Main_Page|Main Page]] dark mode error ==


'''Issue Description'''
<s>I'm on the main page, and there is a link which I've visited before (in this case, it is World War 1)
When the link I've visited is highlighted in the dark blue (as opposed to the light blue for unvisited links), the lack of contrast with the background makes it hard to read.</s> (disregard - I had a custom CSS style applied that was causing this!)

== 📢[https://en.wikipedia.org/wiki/Withdrawal_of_Joe_Biden_from_the_2024_United_States_presidential_election Withdrawal of Joe Biden from the 2024 United States presidential election] dark mode error ==


'''Issue Description'''
The colors for clicked hyperlinks for all articles could be improved. The purple could be brighter, or at least lighter.

== 📢[https://en.wikipedia.org/wiki/Second_Industrial_Revolution Second Industrial Revolution] dark mode error ==


'''Issue Description'''
The chronology section on the Second Industrial Revolution page is still a block of white with blue links. Unknown if this is applicable on other pages
Ref: https://en.wikipedia.org/wiki/Second_Industrial_Revolution

== 📢[https://en.wikipedia.org/wiki/Template_talk:Table_cell_templates Table cell templates] dark mode error ==


'''Issue with Not Yet template'''
When using Dark Mode, the Not Yet template retains its light color.
The N/a template, however, changes color to match the mode.
If this is the wrong location, please let me know.[[User:Redacted II|Redacted II]] ([[User talk:Redacted II|talk]]) 01:44, 30 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Glyphosate Glyphosate] dark mode error ==


'''Issue Description'''
Problem is, that all organic structures are pngs with black molecules on them, therefore dark mode is unusuable for the whole organic chemistry part.

== 📢[https://en.wikipedia.org/wiki/List_of_Pokémon List of Pokémon] dark mode error ==


'''Issue Description'''
Dark theme isn't staying enabled, as soon as I reload the page or enter a new one, it just automatically switches back to light theme.

:You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 21:51, 30 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Goo_Hara Goo Hara] dark mode error ==


'''Issue Description'''
The banner that displays when you use a VPN and try to edit a page with it (This IP address has been blocked from editing Wikipedia.) is completelly off. All yellow and text unredable.

== ✅[https://en.wikipedia.org/wiki/List_of_highest-grossing_media_franchises List of highest-grossing media franchises] dark mode error ==


'''Issue Description'''
The List present in the article has its text staying in the same color in dark mode and light mode, making it dificult to read in the former.

== 📢[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Everywhere it makes it so laggy to scroll the website, I'm not sure why but I regularly encounter an input delay of 1-2 seconds scrolling through a page. No individual page, this happens everywhere<blockquote>You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 11:36, 12 August 2024 (UTC)</blockquote>

== [https://en.wikipedia.org/wiki/LMS_Coronation_Class LMS Coronation Class] dark mode error ==


'''Issue Description'''
Trying to edit using the source editor - the source editor is still shown in light mode instead of dark mode.

== [https://en.wikipedia.org/wiki/Sequent_calculus Sequent calculus] dark mode error ==


'''Issue Description'''
Section: Reduction Trees
https://en.wikipedia.org/w/index.php?title=Sequent_calculus&wvprov=sticky-header#Reduction_trees

The table with left/right math formulae is white on white, making it unreadable. My math display style preference is SVG.

== [https://en.wikipedia.org/wiki/Basketball_at_the_2024_Summer_Olympics_–_Women's_tournament Basketball at the 2024 Summer Olympics – Women's tournament] dark mode error ==


'''Issue Description'''
Could not read the dark text in the tables on this page.

== [https://en.wikipedia.org/wiki/Template:Dot_chart Dot chart] dark mode error ==


'''Issue Description'''
Regarding, [[:en:Template:Dot chart]]: the template's text is unreadable in dark mode. This is visible on the /doc page. The template is not used in any articles currently. [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 23:17, 31 July 2024 (UTC)

:It's fixed, [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 00:08, 2 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Labour_movement Labour movement] dark mode error ==


'''Issue Description'''
[[Talk:Reading/Web/Desktop_Improvements#CSS_issue_with_category_infoboxes|Originally reported]] by [[User:Etothepi16]]. The color of the infobox title "Part of a series on" is black against a black background, but other links are perfectly readable. [[:File:Vector_CSS_issue.png|See also the screenshot]]. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 04:37, 1 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Javanese_script Javanese script] dark mode error ==


'''Sections: any table.
All Latin characters blend completely into the white background'''

== [https://en.wikipedia.org/wiki/Sulfur_trioxide Sulfur trioxide] dark mode error ==

'''Issue Description'''
There's an issue when displaying chemical articles in dark mode.

The main issues are with:
# NFPA coloring in the right sidebar (global issue)
# Structural formulas with transparent backgrounds at the top (*.png and the likes)

While the NFPA background may be forced to remain white within the diamond itself (e.g. via CSS), no ''quick'' fix comes to mind with the structure display.

== [https://en.wikipedia.org/wiki/Special:Search Search] dark mode error ==


'''Issue Description'''

Editing a page in dark mode, get an error message about taking too long, use a faster browser, and the screen changes to dark grey with light grey letters... Almost unreadable... and not usable. [[User:Quebec99|Quebec99]] ([[User talk:Quebec99|talk]]) 12:46, 1 August 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/K K] dark mode error ==


'''Issue Description'''
The links in the History table are black.

== [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Military_history WikiProject Military history] dark mode error ==


'''Issue Description'''
Black text on page does not invert when in dark mode. Almost impossible to read.

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''

the message:

Wikipedia is built by people like you working together.

Your edits help improve Wikipedia and further the mission to share free knowledge with the world. Continue to start with small suggested edits.

uses dark text and its verry hard to read, it should be white text. this happens [https://en.wikipedia.org/w/index.php?title=Special:Homepage&source=personaltoolslink&namespace=3 on my home page]

== [https://en.wikipedia.org/wiki/Wikipedia:Reference_desk Reference desk] dark mode error ==


'''Issue Description'''
The Reference desk page has its primary button section is in bright white while using, at least for the Vector 2022 layout under darkmode.

== ✅[https://en.wikipedia.org/wiki/Hindi Hindi] dark mode error ==


'''Issue Description'''
Black SVG image in the infobox and similar images below are not visible in dark mode [[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 17:36, 2 August 2024 (UTC)

== "This article is part of a series about" switches text color and isn't accessible ==

On [https://en.wikipedia.org/wiki/Emmanuel_Macron en.wikipedia:Emmanuel_Macron] the "This article is part of a series about" text switches from white to a more black text, with the background not changing color since it's likely derived from a color for his political party or some specific color for French politics. "This article is part of a series about" is then not readable, but "Emmanuel Macron" is readable for both light and dark mode as it's white over the same dark blue background for both.

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Arbitration_Committee/Procedures Arbitration Committee/Procedures] dark mode error ==
(No summary. Probably "List of contentious topics") [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 11:36, 12 August 2024 (UTC)

:Template is [[w:Template:Contentious topics/table]] [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 11:30, 17 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Table_of_Indexing_Chinese_Character_Components Table of Indexing Chinese Character Components] dark mode error ==

In the source editor, when syntax highlighting is enabled and the choice of colors is "Automatic" but ends up being dark, the unhighlighted parts of the text that ought to have the default color stay illegibly dark on black background instead of turning light. At least in Firefox. The problem doesn't manifest when the "Dark" option is explicitly selected in the appearance menu. [[User:MwGamera|MwGamera]] ([[User talk:MwGamera|talk]]) 21:23, 3 August 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
There are articles that use transparent images where the only color is black, obviously making it difficult to read. One of the articles is [[List of musical symbols]].

== Suggested Edit modal highlights are unreadable ==

'''Issue Description'''
After going to any suggested edit, the side-modal with quick start tips shows "Reaching Mercury from Earthh poses significant technical challenges.", with the typo highlighted with a red background.

However in Darkmode, it's completely blacked out.

Using the default skin (Vector 2022).

[[User:OneShot-Niko|OneShot-Niko]] ([[User talk:OneShot-Niko|talk]]) 17:29, 4 August 2024 (UTC)

== 📢dark mode error ==
'''Issue Description'''
Too high contrast in dark mode, it's difficult to read

a little lighter background would help a lot
{{unsigned|Mightypork}}

== ✅️[https://en.wikipedia.org/wiki/Alice_of_Champagne Alice of Champagne] dark mode error ==


'''Issue Description''' Under the "Childhood" section is a genealogy tree. It has a header "Genealogy of the ruling houses of Jerusalem and Champagne", which is dark gray and thus is illegible in dark mode. This is today's feature article, so it is important to fix it.

== [https://en.wikipedia.org/wiki/2024_Summer_Olympics 2024 Summer Olympics] dark mode error ==


'''Issue Description''' In the infobox logo, the words "Paris 2024" are black on the dark gray background, which are difficult to read.

== [https://en.wikipedia.org/wiki/Template:Aya_Nakamura Aya Nakamura] dark mode error ==


'''Issue Description''' This template has a header "Aya Nakamura". It is dark gray, which is nearly impossible to read in dark mode.

== [https://en.wikipedia.org/wiki/Transition_metal Transition metal] dark mode error ==


'''Issue Description'''
dark mode needs to be more pastel, the used colors are too bright try to use the gray color for the background

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
Some text boxes such as the "Suggested Edits" page on my account homepage are showing with little to no contrast. This makes it near impossible to read.

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
On the special logged in homepage the images for the most viewed edits are color inverted and appear demonic

== 🐛[https://en.wikipedia.org/wiki/SJ_AB SJ AB] dark mode error ==

{{Tracked|T372205}}

'''Issue Description'''
Links to non-existing articles are marked blue instead of red.

== [https://en.wikipedia.org/wiki/Safari_version_history: Safari version history:] dark mode error ==


'''Issue Description'''
Some links are illegible. (non existent article, issue relating to interface message.)

== [https://en.wikipedia.org/wiki/Existence Existence] dark mode error ==


'''Issue Description'''
I cannot see the existential quantifier on the home page on en.wikipedia.org on Aug 6th, 2024. The entry is "Existence". If I open the Existence entry through the link, I can correctly see the existential quantifier.

== Report by [[User:Billv22]] ==
'''Issue Description'''

It seems like on some articles, the "Part of a series on..." board can mix the color of the text with the dark mode, therefore making the text invisible unless I select it,

Unfortunately I can't upload a picture, but this happened on the wikipedia page for the chromosomes.

== ✅️Report by [[User:PitConclave]] ==
'''Issue Description'''

On https://en.wikipedia.org/wiki/Wikipedia:SVG_help, the background colour of the box is hard-coded to #F2E6FF, which causes the now-white headings like "General suggestions" to be very difficult to read.'

== ✅ [https://en.wikipedia.org/wiki/2024_NCAA_Division_I_men's_basketball_tournament 2024 NCAA Division I men's basketball tournament] dark mode error ==


'''Issue Description'''

Tournament Bracket section has white text on white background in the regional final template (black text in light mode)

== [https://en.wikipedia.org/wiki/Template:Sfn Sfn] dark mode error ==


'''Issue Description'''
{{sfn}} and {{harv}} renderings are not visible/blend in with dark background and can only be seen when highlighted by cursor. (see https://en.wikipedia.org/wiki/Template:Sfn#Usage)

== ✅️[https://en.wikipedia.org/wiki/Template:Tabletennisbox Tabletennisbox] dark mode error ==


'''Issue Description'''

The template is not legible in dark mode. This affects a huge amount of pages such as [https://en.wikipedia.org/wiki/Table_tennis_at_the_2024_Summer_Olympics_%E2%80%93_Men%27s_team Table tennis at the 2024 Summer Olympics – Men's team].

==✅ Report by [[User:JohanWikiPaul]] ==
'''Issue Description'''

The Math symbol is still dark colored in dark theme, which is more suitable in white or way lighter color rather than black text.'
: {{re|JohanWikiPaul}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks.--[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:45, 9 August 2024 (UTC)

:I was on Wikipedia homepage at the time, and there's a Math symbol as the thumbnail article preface and it was in dark text colored symbol. I forgot what the details and the URL, sorry about that.
:But now, when I read Math related article with Math symbol images in it, the dark theme is as expected. [[User:JohanWikiPaul|JohanWikiPaul]] ([[User talk:JohanWikiPaul|talk]]) 12:54, 15 August 2024 (UTC)
:: {{re|JohanWikiPaul}} Thanks for your reply. Feel free to file a new bug report if you see another issue. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:39, 15 August 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Nikki_Bella Nikki Bella] dark mode error ==


'''Issue Description'''
The blue on links looks dimmed on black background. I think this "hue" of blue is for black text on white bg, and a cyan would work better for white text on black bg.

== ✅ [https://en.wikipedia.org/wiki/Talk:Iraq_War/GA1 Iraq War/GA1] dark mode error [non existent page] ==


'''Issue Description'''
[https://en.wikipedia.org/w/index.php?title=Talk:Iraq_War/GA1&action=edit&editintro=Template:GAN/editintro&preload=Template:GAN/preload editintro renders text in white, making it barely legible.

:The issue seems to be [[w:en:Template:GAN/editintro]], but that is displayed okay when looking at that template's page. Not sure why issues occur when it's as an edit notice. [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 22:05, 14 August 2024 (UTC)

== ✅️[https://en.wikipedia.org/wiki/Regular_graph#Special_cases Regular graph (section Special cases] dark mode difficulty ==
Dark mode makes the edges (i.e., connections between the nodes) more difficult (although not impossible) to see correctly.

== 🐛 [https://en.wikipedia.org/wiki/Crocuta Crocuta] dark mode error ==
{{tracked|T372205}}
 links to non-existent pages show the same colour as normal links within the infobox
'''Issue Description'''

== 🐛 Report by [[User:Psinclairshaw ]] ==
{{tracked|T369588#10004348}}
'''Issue Description'''
The dark mode colors make the lettering a very similar colour to the background colour, making it difficult to read.
I found this on the 'Try a suggested edit' bottom pop-up.

== ✅ArticleHistory template ==

[[w:en:Template:ArticleHistory]] has dark text on a "dirty" yellow background under the "Article milestones" mini-header. See [[w:en:Talk:Frank Sinatra]] for an example of the issue. Thanks, [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 23:47, 11 August 2024 (UTC)

:For clarity, the text is illegible (so not general feedback). [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 12:31, 12 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:DownloadAsPdf DownloadAsPdf] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/TCP_congestion_control TCP congestion control] dark mode error ==


'''I have tried the new Dark mode. It's in contrast with the bright text color (white) and hyperlink color(Blue). In my opinion it would be better to put a darkish gray or gray-brown color.'''

== [https://en.wikipedia.org/wiki/Dependency_hell Dependency hell] dark mode error ==


'''Issue Description'''
Preformatted code blocks still use the light mode color scheme.

== [https://en.wikipedia.org/wiki/Template:Nations_at_the_2016_Summer_Olympics Nations at the 2016 Summer Olympics] dark mode error ==


'''Issue Description'''
Black on black text in the template header.

== ✅ [https://en.wikipedia.org/wiki/Template:P-T_extinction_graphical_timeline P-T extinction graphical timeline] dark mode error ==


'''Issue Description'''
Black on black text

== ❓ [https://en.wikipedia.org/wiki/Mok Mok] dark mode error ==


'''Issue Description'''

== ✅ Template:Editnotices/Group/Wikipedia:Arbitration ==

[[w:en:Template:Editnotices/Group/Wikipedia:Arbitration]], acting as an edit notice on [[w:en:Wikipedia:Arbitration/Requests/Clarification and Amendment]], is pretty much illegible on dark mode. There's already some dark mode markup by [[User:Snowmanonahoe|Snowmanonahoe]], but it doesn't seems to be fully working. Thanks, [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 01:56, 15 August 2024 (UTC)

== Template wizard dark mode error ==

This isn't specific to the page I was editing, but I'm unable to figure out how to report this issue otherwise on MediaWiki: The title bar for the template wizard (css class {{nowrap|<code>.ext-templatewizard-templatetitlebar</code>}}) is unreadable because:

* the text color is set via <code>load.php</code> to the <code>--color-base</code> variable, <code>#eaecf0</code>
* the background color is set inline, and to <code>#f8f9fa</code>.

I hope that's helpful enough!

[[User:Spida-tarbell|Spida-tarbell]] ([[User talk:Spida-tarbell|talk]]) 04:13, 15 August 2024 (UTC)

:{{ping|Spida-tarbell}} Could you give a screenshot of the issue (you can upload to imgur and send link)? [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 09:21, 26 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Southern_Poverty_Law_Center Southern Poverty Law Center] dark mode error ==


'''Issue Description'''

The SVG image with the SPLC logo at the top of the page has very low contrast (black on grey) in dark mode.

--[[User:Kulupona|Kulupona]] ([[User talk:Kulupona|talk]]) 14:23, 15 August 2024 (UTC)

== ❓ Report by [[User:Guilhfer]] ==
'''Issue Description'''

Tha main content is shown in light mode (white background and other elements), but the text has changed to adapt to a dark background, making it impossible to read unless the text is highlighted.
: {{re|Guilhfer}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:43, 15 August 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Brainfuck Brainfuck] dark mode error ==
{{Tracked|T365926}}

The syntaxhighlight extension always displays a code snippet in light mode regardless of what the user has selected.

== [https://en.wikipedia.org/wiki/Novitiate Novitiate] dark mode error ==


'''Issue Description'''
the link to Secular institution at the bottom of https://en.wikipedia.org/wiki/Novitiate has a white gradient

== 🐛 dark mode error ==
{{tracked|T370042}}

'''Issue Description'''

The background of unread notifications is too bright, making white text difficult to read.
Once the notification has been clicked, its background turns darker, making it readable.

== 🤖 ✅ [https://en.wikipedia.org/wiki/Special:mypage/common.js ToadetteEdit/common.js] dark mode error ==


'''Issue Description'''
When clicking "Manage user scripts", the content of the resulting box is almost illegible.

== ✅ [https://en.wikipedia.org/wiki/Template:Infobox_rail_service Infobox rail service] dark mode error ==

'''Issue Description'''

BSicon-based route diagram map has a white background despite having white text, making said text difficult to read.

== 🐛No dark mode on code snippet ==


'''Issue Description'''
Code snippet doesn't have an intended appearance when enabled.
If necessary, it should have an slightly gray color, and an thin white outline, if preferred.
{{tracked|T365926}}

==✅ [https://en.wikipedia.org/wiki/The_First_Law The First Law] dark mode error ==


'''Issue Description'''
On the English-language page for "The First Law" fantasy book series, the first table under the "Published works" section has dark gray text in dark mode, making most of the rows almost unreadable.

== 📢Issue of Readability of Hyperlinks in Dark Mode ==

The current dark blue color of hyperlinks in Dark Mode on both the Wikipedia website and mobile app is difficult to read. The issue is the low contrast between the dark hyperlink color and the dark background.

This issue affects all articles and wiki pages across the entire Wikipedia platform, making it a general usability and accessibility concern.

I suggest changing the hyperlink color in Dark Mode to a brighter, more readable color, such as yellow (#FFFF00), to improve readability and accessibility for users who prefer Dark Mode.

== 🐛 [https://en.wikipedia.org/wiki/Uno_(card_game) Uno (card game)] dark mode error ==
{{Tracked|T373164}}

'''Issue Description'''
The "latest accepted version" icons are black on a black background.

== ✅ [https://en.wikipedia.org/wiki/Nitrous_oxide Nitrous oxide] dark mode error ==


'''Issue Description'''
The links in the fire diamond are blue, causing one of them to blend in with the health part. --[[User:Antured|Antured]] ([[User talk:Antured|talk]]) 13:38, 22 August 2024 (UTC)

==❓ Report by [[User:Felipeduquedeparma]] ==

'''Issue Description'''
Names on location map displayed in black text over a black base, making them impossible to read without highlighting.
:{{re|Felipeduquedeparma}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:27, 22 August 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Gaussian_curvature Gaussian curvature] dark mode error ==


'''Issue Description'''
The text in the green bordered box stating the gauss-bonnet theorem remains black while in dark mode, making it almost impossible to read

==❓ Report by [[User:High.Mars]] ==
'''Issue Description'''

Image of the Greek alphabet on the table on the side (Δδ) does not show up well on dark mode'
: {{re|High.Mars}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 09:20, 25 August 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/OCaml OCaml] dark mode error ==
{{Tracked|T365926}}

'''Issue Description'''
<syntaxhighlight> tags do not respect the background, as found [https://en.wikipedia.org/wiki/OCaml#Hello_World here].

==❓ [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Some letters on my homepage are not inverting. This mainly includes suggested articles page and its settings.'''
: {{re|TitanXprime}} Hello, could you please indicate which specific part of the suggested articles page and its settings has this issue, and provide a screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 01:45, 26 August 2024 (UTC)

==❓ [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Cannot read some texts.
: {{re|ZeetBaralWiki}} Hello, could you please explain the issue you are facing in detail (e.g. which pages or which part in the page) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 08:15, 26 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/2024_Liberal_Democratic_Party_(Japan)_presidential_election 2024 Liberal Democratic Party (Japan) presidential election] dark mode error ==


If you have "automatic" set, the text in the editor is unreadable. The text is black on black.

== ✅ [https://en.wikipedia.org/wiki/Template:Talk_quote_block/testcases Talk quote block/testcases] dark mode error ==


'''Issue Description'''
As can be seen at [https://en.wikipedia.org/wiki/Template:Talk_quote_block/testcases#Archived Template:Talk quote block/testcases#Archived], when the Talk quote block template is embedded inside an <code><nowiki>{{</nowiki>Archive top}}</code>, the template's dark-mode TemplateStyles colors are inverted back to light mode. I attempted to apply the <code>mw-no-invert</code> class to the template's <code><nowiki><</nowiki>blockquote></code> element, but if I'm reading the CSS applied by enWiki correctly (wrapped for readability):
<syntaxhighlight lang="css">
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .skin-invert-image img,
html.skin-theme-clientpref-os .skin-invert,
html.skin-theme-clientpref-os .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),
html.skin-theme-clientpref-os .oo-ui-indicatorElement-indicator {
color-scheme: light;
filter: invert(1) hue-rotate(180deg);
}
}</syntaxhighlight>
...The <code>mw-no-invert</code> class will only disable the <code>invert</code> filter if the element in question has the <code>oo-ui-iconElement-icon</code> class, which the template's <code><nowiki><</nowiki>blockquote></code> obviously does not.

(That CSS is taken from my browser's inspector view, I'm not quite sure where it comes from on the Wikipedia side. It's not in [https://en.wikipedia.org/wiki/MediaWiki:Vector-2022.css Vector-2022.css].) [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 15:40, 26 August 2024 (UTC)

:This was [[w:Template_talk:Talk_quote_block#Dark_mode_issue|fixed with changes to the Archive top template]] . [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 19:09, 29 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
Upon account creation, the cached Appearance (Dark Mode/Light Mode) setting is ignored, and the setting can be configured for the newly created user account instead. For users with Dark Mode on, this resets the appearance to Light Mode until the user sets it to their preference again.

New users are prompted for a reason that they created their account. After creating a Wikipedia account, the user is directed to their newly created user homepage. This page has user-specific content but a constant URL: https://en.wikipedia.org/w/index.php?title=Special:Homepage

This page has a Suggested Edits section for new users. For users who selected the "fix a type or error" option on the previous prompt, a Suggested Edits window appears on this page. The text at the beginning of this section has a light blue background instead of white. This text does not invert to white with the rest of the text when Dark Mode is enabled.

(AKA: the first thing a user sees when they create an account is their Dark Mode setting is reset, and as soon as they turn Dark Mode back on, the first block of text on their new user page is unreadable - not ideal for new user experience.)

For reference, the text that does not invert with Dark Mode is:

"When you created your account, you said you wanted to fix a typo or error. Here, you can find suggestions of small edits to get started. If you would rather go straight to fixing a specific article, you can search for the article and click "Edit"."

Additional notes: I think it's related to this JavaScript file in the GitHub repo for MediaWiki, or something around it: https://github.com/wikimedia/mediawiki-extensions-GrowthExperiments/blob/master/modules/ext.growthExperiments.Homepage.SuggestedEdits/StartEditingDialog.js
: I filed the bug report regarding the Special:Homepage Suggested Edits section first [[phab:T373434]]. "the first thing a user sees when they create an account is their Dark Mode setting is reset, and as soon as they turn Dark Mode back on" seems to be the general feedback. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 12:51, 27 August 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Mongolian_script Mongolian script] dark mode error ==


'''Issue Description'''

Writing direction symbol in preamble, generated by <syntaxhighlight lang="wikitext">
{{TextDir|tb-lr|full}}
</syntaxhighlight>in wikitext.

== [https://en.wikipedia.org/wiki/Gerald_Ford Gerald Ford] dark mode error ==


'''Issue Description'''
In dark mode links are a dark blue - a similar blue (possibly the same) to the blue used for links in light mode. A dark blue link text color in dark mode does not have enough contrast against the black background and is a significantly different level of contrast from the white body text in dark mode, which visually breaks up articles into links and body text instead of them appearing relatively similar. The dark blue link color in dark mode works differently than how dark blue appears in light mode, where it has a similar level of contrast to the black text. In dark mode, a lighter blue link color would be easier to read by having more contrast with the black background and a level of contrast more similar to the white body text.

== ✅ [https://en.wikipedia.org/wiki/Maximum_entropy_probability_distribution Maximum entropy probability distribution] dark mode error ==


'''Issue Description'''
In the "Table of probability distributions and corresponding maximum entropy constraints" table under

https://en.wikipedia.org/wiki/Maximum_entropy_probability_distribution#Other_examples

the latex equations are unreadable because the table background is white and so is the text.

== [https://en.wikipedia.org/wiki/A_Coruña A Coruña] dark mode error ==


'''Issue Description'''

Name of the city is not displayed correctly in map sidebar of the article when dark mode is activated through Automatic color mode. When explicitly selecting Dark mode the came is displayed correctly with black font color in a transparent text color box. In Automatic dark mode the name is displayed with black font color in a black text color box.
{{Collapse top|screenshot}}
<gallery>
File:2024-08-29 11-36-53 585x1015 scrot.png|Everything normal on the map in the sidebar with Dark mode explicitely activated.
File:2024-08-29 11-37-07 596x1016 scrot.png|Everything normal in Light mode
File:2024-08-29 11-37-16 589x1015 scrot.png|When Dark mode is set automatically the text box of the city name is black and not transparent, making it impossible to read the name of the city. Note that the text box in the topmost map showing the copyright is also affected.]]
</gallery>
{{Collapse bottom}}

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Climbing WikiProject Climbing] dark mode error ==


'''Issue Description'''
Nearly-invisible, dark-gray-on-black text in dark mode. Caused by the <syntaxhighlight lang="html" inline>style="background: transparent;"</syntaxhighlight> used to style the unclosed table at the end of transcluded [[w:Wikipedia:WikiProject Climbing/tabsheader]]. This affects the body text immediately following on the transcluding project page. Removing the unnecessary <syntaxhighlight lang="html" inline>style="background: transparent;"</syntaxhighlight> makes all text visible. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 19:06, 29 August 2024 (UTC)
: I got the go-ahead to make the necessary table style fixes from a participant on the [[w:Wikipedia talk:Wikiproject Climbing|project talk page]], and did so. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 16:40, 22 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Washington_Metro Washington Metro] dark mode error ==


'''Issue Description'''
The "route diagram" in the infobox does not display correctly in dark mode. The background will be light with most of the elements in the diagram being dark which is the expected behavior. The problem is that most of the text on the diagram has a light font color which makes it almost completely invisible when dark mode is enabled. Additionally, all the links on the page use the lighter blue color which may be readable by some people (myself included), but it is certainly not WCAG compliant. This could potentially be a more widespread issue with [https://en.wikipedia.org/wiki/Template:Routemap Template:Routemap]

[[User:ElijahAppleUser|ElijahAppleUser]] ([[User talk:ElijahAppleUser|talk]]) 21:46, 30 August 2024 (UTC)

==📢 [https://en.wikipedia.org/wiki/Fore_people Fore people] dark mode error ==


'''Issue Description'''
"Automatic" setting displays Dark Mode no matter when it is selected
* It depend on the browser setting, so it is not a bug. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:57, 31 August 2024 (UTC)

== ✅ Dark mode issue in page [https://en.wikipedia.org/wiki/List_of_tlatoque_of_Tenochtitlan List of tlatoque of Tenochtitlan] ==
'''Issue Description'''
[https://en.wikipedia.org/wiki/List_of_tlatoque_of_Tenochtitlan#Cuauhtlatoque_(1525–1536) Some of the tables] don't get converted to dark mode, making them clash a lot. — Preceding [[Special:MyLanguage/Help:Signatures|unsigned]] comment added by [[User:Kharakhov|Kharakhov]] ([[User talk:Kharakhov|{{int:talkpagelinktext}}]] • [[Special:Contributions/Kharakhov|{{int:contribslink}}]]) 12:48, 1 September 2024‎ (UTC)
[[File:Screenshot of dark mode not working.png|thumb|Screenshot of the issue]]
:{{Ping|Kharakhov}} The table had a forced background color, so I removed it. --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 17:43, 1 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template:Immigration_to_Japan Immigration to Japan] dark mode error ==


'''Issue Description'''
The colour of the bars between the text in the table is inconsistently white or grey. [[User:Cepeli|Cepeli]] ([[User talk:Cepeli|talk]]) 20:49, 1 September 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Hentaigana Hentaigana] dark mode error ==


'''Issue Description'''
The hentaigana examples used in two places in the article are very difficult to see while using dark mode. They're transparent svg files, in dark mode they show up as black text on a dark grey background.
:Fixed with [https://en.wikipedia.org/w/index.php?title=Hentaigana&diff=1243966544&oldid=1241833025 this change] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:31, 4 September 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Bagua Bagua] dark mode error ==


'''Issue Description'''

In the "Bagua" article, the following quote is rendered as dark text on a dark background:

Legge's translation:
[I]n (the system of) the Yi there is the Grand Terminus,
which produced the two elementary Forms.
Those two Forms produced the Four emblematic Symbols,
which again produced the eight Trigrams.

Adler's translation:
In Change there is the Supreme Polarity,
which generates the Two Modes (兩儀; liangyi).
The Two Modes generate the Four Images (sixiang),
and the Four Images generate the Eight Trigrams.

Not sure whether other articles have inadequately set colors such as these, or why this happened at all.

== [https://en.wikipedia.org/wiki/Web_colors Web colors] dark mode error ==


'''Issue Description'''

Shorthand hexadecimal form, CSS colors => monospace text block has light background

Extended colors => table has light background

Color table, Safest web colors => table title and contents have poor foreground colors
: Fixed second issue, will fix 3rd later [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 11:03, 8 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Family_tree_of_the_Māori_gods Family tree of the Māori gods] dark mode error ==


'''Issue Description'''
the things up the top are still in light mode

i cant upload the damn photo because it suckswsethujioj

== [https://en.wikipedia.org/wiki/Rome Rome] dark mode error ==


'''Issue Description'''
The white dot in the map of Rome, Italy shows as black in Dark Mode.

== [https://en.wikipedia.org/wiki/Sputnik_1 Sputnik 1] dark mode error ==


'''Issue Description'''
The banner is in light mode, while the background is in dark mode, making it look a bit unprofessional.

== [https://en.wikipedia.org/wiki/1957_in_spaceflight 1957 in spaceflight] dark mode error ==


'''Issue Description'''
The "Orbital Launches" and "Suborbital Launches" hurts both me and my eyes.

== [https://en.wikipedia.org/wiki/Sorting algorithm] dark mode error ==


'''Issue Description'''
In https://en.wikipedia.org/wiki/Sorting_algorithm, Comparison of algorithms table.

Some (but not all) math expressions are rendered in white, which on the green background makes them very difficult to read.

== [https://en.wikipedia.org/wiki/2024_Summer_Paralympics 2024 Summer Paralympics] dark mode error ==


'''Issue Description''' The logo for the Paralympics has the words "Paris 2024" in black text, which is illegible on the dark background.

== [https://en.wikipedia.org/wiki/WTA_1000_Series_singles_records_and_statistics WTA 1000 Series singles records and statistics] dark mode error ==


The [https://prnt.sc/ky8UTtLshBvM sorting arrows are not displaying in dark mode] when using <code>|<nowiki>style="background-color:white"</nowiki></code> in [https://en.wikipedia.org/w/index.php?title=WTA_1000_Series_singles_records_and_statistics&oldid=1244190346 WTA 1000 Series singles records and statistics#Title leaders]. Shouldn't they turn to black if the background is lighter, especially if it is white? [[User:Qwerty284651|Qwerty284651]] ([[User talk:Qwerty284651|talk]]) 16:40, 6 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Hypergraphia Hypergraphia] dark mode error ==


'''The colours look weird on Wikipedia, with dark mode on. Essentially, the blue coloured words looked weird. '''
: {{re|‎Andrew Diyue Liu}} Could you please give the example? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:28, 8 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/The_Blitz The Blitz] dark mode error ==


'''Issue Description'''

Background information -> Luftwaffe and strategic bombing:

"Main article" background overflows into navbox

== [https://en.wikipedia.org/wiki/Differentiation_of_trigonometric_functions Differentiation of trigonometric functions] dark mode error ==



At the start of the article, the table is impossible to read as all of it is white (including the contents).

== [https://en.wikipedia.org/wiki/Wikipedia:External_links External links] dark mode error ==


'''Infobox is white: https://en.wikipedia.org/wiki/Template:Linking_and_page_manipulation'''

== [https://en.wikipedia.org/wiki/Ünye Ünye] dark mode error ==


'''Issue Description'''

In the infobox, in the "Location in Turkey" section, the background of the label that reads "Ordu" is set to black while the label color is also dark making it hard to read.

== [https://en.wikipedia.org/wiki/Garry_Williams_(cricketer) Garry Williams (cricketer)] dark mode error ==


'''Issue Description'''
The blue link in the Editnotice turned dark grey, made it hard to see.

==🐛 [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==
{{tracked|T373392}}

'''Issue Description'''
Dark Mode seems to also invert images on my homepage and only on the homepage where it shows my most viewed edits.

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''
Greetings,

On Preferences, I have Vector 2022 active, and also switched the Dark mode on: now it shows some beautiful dark greys backgrounds, right there on the Preferences page.
But once I save, and go back to any page, those grey backgrounds gone: boxes, menus, text, laterals, are all pure black!
Exception on the center-right info box on all pages and image boxes. Everywhere else, black background.
Forcing refresh ctrl-F5, does nothing. Going back to Preferences, those amazing grey backgrounds show up there.

How to keep the grey style, that shows up in preferences?
I'm using LibreWolf browser, uBlock Origin disabled for Wikipedia. Also, just tested on Edge, pure and clean, I never use Edge, and it's the same behavior.

Thank you for your attention, stay awesome.
'''

== ✅[https://en.wikipedia.org/wiki/NEMA_connector NEMA connector] dark mode error ==


'''Issue Description'''
The images of connectors in https://en.wikipedia.org/wiki/NEMA_connector#Nomenclature are difficult to see in dark mode. I suspect the images have transparent backgrounds, making the black foreground lines impossible to see against the dark mode background.

== ✅[https://en.wikipedia.org/wiki/Hesperidin Hesperidin] dark mode error ==


'''Diagrams with transparency (eg molecular skeletal formulas) are illegible in dark mode'''

To reproduce: Load https://en.wikipedia.org/wiki/Hesperidin in desktop dark mode and look at the infobox.

Expected behavior: Beneath the infobox title "Hesperidin" and above the 3d visualization of the molecule is visible the https://en.wikipedia.org/wiki/Skeletal_formula for the molecule.

Actual behavior: In the space I described instead is a black box.

The reason for this is that skeletal formulas are commonly drawn as svgs with black content on a transparent background. Because black is behind the transparency in dark mode, one gets black-on-black, which is not visible when rendered.

Unfortunately, fixing this will require nontrivial policy thought. It's not clear that it's semantically correct to put a white background behind every svg, even though this would seem to be an ok interim measure. Rather, graphics in general may need to be rethought to accommodate dark mode. For example, it seems plausible to me that in dark mode, skeletal formulas should render as white lines and letters on a black background. In fact, perhaps the svgs should use a "color variable" like "foreground color" (if the SVG standard supports this) rather than explicitly coding "black" for the foreground content. (If the standard does not support anything like this, the wikimedia foundation should petition the standards body for an amendment to the standard, because this is a serious limitation.)
:In the future you can add <syntaxhighlight lang="wikitext">| ImageClass = skin-invert</syntaxhighlight> to chemboxes if the image needs to be inverted. [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 16:46, 20 September 2024 (UTC)

: To the IP user who left the original unsigned post ([[IP:74.101.161.225]]): the SVG standard supports things like foreground color styling just fine. Despite this, most methods of creating monochrome SVGs hardcode parameters like <syntaxhighlight lang="xml" inline><svg fill="#000"></syntaxhighlight> and <syntaxhighlight lang="xml" inline><path stroke="#000"></syntaxhighlight> for maximum displayability, because SVG only supports being styled '''when it's ''embedded'' into an HTML file directly'''.

: When an SVG image is loaded from an external URL via an {{tag|img|single}} tag (as MediaWiki loads all images, today), the SVG content is rendered using only its internal styles (if any) and colors. It's extremely unlikely browser vendors would be willing — or indeed, even ''able'' — to alter that behavior, because it would compromise their security model to take CSS rules from one context (the current HTML page) and apply them in a completely separate context (the rendering context of the external <code>.svg</code> file). [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:04, 22 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Paul_Rudish Paul Rudish] dark mode error ==


'''Issue Description'''

==✅ [https://en.wikipedia.org/wiki/Wikipedia:About_Today's_featured_article About Today's featured article] dark mode error ==

'''Issue Description'''

The header text ("See also") is white on a light blue background. The entire section is light-blue, which doesn't work well with blue links. The color and contrast score is 2.82, which does not meet WCAG guidelines for accessible text.

Here are couple references on color contrast and accessibility guidelines (In case it is needed- I'm sure you all are on top of it):
* [https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio WCAG Contrast Ratio Definition]
* [https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast Understanding WCAG Color Contrast]

== ✅ [https://en.wikipedia.org/wiki/Multivariable_calculus Multivariable calculus] dark mode error ==


'''Issue Description'''
The proofs on this page are light, and none of the equations show.

: This appears to be an issue with the [[w:Template:Collapse top]] template, when MathJax is used inside of the collapsible area. (See [[w:Template talk:Collapse top#Protected edit request on 4 September 2024]].) [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:37, 25 September 2024 (UTC)

:...And is fixed now that the dark-mode fixes to that template have been made live. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 15:42, 8 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/List_of_World_War_II_battles List of World War II battles] dark mode error ==


'''Issue Description'''
The "Battles from 1941" section of the article has dark text which is not converted to a lighter colour, making it very difficult to read.

== ✅ [https://en.wikipedia.org/wiki/Template:CBB_roster CBB roster] dark mode error ==


'''Issue Description'''
Player roster unreadable on dark mode (example: [https://en.wikipedia.org/wiki/2011%E2%80%9312_Hartford_Hawks_women%27s_basketball_team] )

: The problem here is that the table is being created with <syntaxhighlight lang="html" inline>style="background-color: transparent"</syntaxhighlight> — remove that unnecessary setting, and the colors become fine. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:33, 24 September 2024 (UTC)

:I have opened an edit request at [[w:Template talk:CBB roster/Header#Protected edit request]] to correct the issue. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:48, 24 September 2024 (UTC)
:: The requested edit has been applied, and this is now fixed. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:29, 25 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/LGBT_rights_by_country_or_territory LGBT rights by country or territory] dark mode error ==


'''Issue Description'''
Dark mode does not work when background colors and fonts are declared in an article, as can be seen in [[LGBT rights by country or territory]].

'''Proposed solution'''
Dark mode needs to be able to override explicitly set background colors and fonts across Wikipedia.

== [https://en.wikipedia.org/wiki/David_Lynch David Lynch] dark mode error ==


'''Issue Description'''
For me the new dark mode colors are too high contrast for reading. Too dark background and too bright text.
current dark bg #101418
proposed dark bg #202122

== ✅[https://en.wikipedia.org/wiki/Template:Infobox Infobox] dark mode error ==


'''Issue Description''' {{tag|syntaxhighlight}} always renders with a white-ish (#f8f8f8) background, but it would look much nicer if it had a darker background, ideally matching {{tag|pre}} with var(--background-color-neutral-subtle,#f8f9fa). See example [[w:Template:Infobox#Usage|here]]. [[User:Mr. Starfleet Command|Mr. Starfleet Command]] ([[User talk:Mr. Starfleet Command|talk]]) 23:13, 28 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/YouTube YouTube] dark mode error ==


'''the red in the youtube logo (File:YouTube_2024.svg) is pinkish instead of being just red. Viewing the image on in wiki commons doesn't have this effect. Tested with light and dark mode for both sites.'''

== ✅ [https://en.wikipedia.org/wiki/Colombia Colombia] dark mode error ==


'''Issue Description'''
As it can be seen at the Colombia article, Dark Mode doesn't allow to see this table's text.
[[File:Captura de pantalla 2024-09-29 164256.png|thumb|Problem Dark Mode Colombia]]

: Looks like {{u|I Am Andumé}} already fixed this in [https://en.wikipedia.org/w/index.php?title=Colombia&oldid=1248544576 this edit]. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:33, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template:Infobox_Australian_rules_football_match Infobox Australian rules football match] dark mode error ==


'''Issue Description'''
Score does not show in dark mode

: I '''believe''' this is now fixed, though a check from someone familiar with the pages that template typically appears on would be great. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 06:41, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''It's not an issue with reading, but I think it's still an issue. Every page I go to, it has Dark Mode enabled for about five seconds or so before turning back to light mode, even though Dark Mode is still on. It keeps happening with Automatic as well.'''

== ✅[https://en.wikipedia.org/wiki/Reverse-delete_algorithm Reverse-delete algorithm] dark mode error ==

The black nodes, edges, and weight values used in the graph in the Example section are nearly invisible in dark mode. --[[User:Clump|Clump]] ([[User talk:Clump|talk]]) 17:44, 1 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Trigonometry Trigonometry] dark mode error ==


'''Issue Description'''
Gray bars to the sides are very distracting

: I'm not entirely sure what this is referring to, can you point out a specific part of the page that you feel isn't displaying correctly? [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:28, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/49ers–Packers_rivalry 49ers–Packers rivalry] dark mode error ==


'''Issue Description'''
Colors of teams (i.e. 49ers) on templates aren't loading properly.

== [https://en.wikipedia.org/wiki/49ers–Packers_rivalry 49ers–Packers rivalry] dark mode error ==


'''Issue Description'''
Colors of teams (i.e. 49ers) on templates aren't loading properly.

== [https://en.wikipedia.org/wiki/Portal:Prostitution/Map Prostitution/Map] dark mode error ==


'''Issue Description'''
the map key's colors dont show up in dark mode

== Dark mode error - Code Blocks ==


I noticed that code blocks are not being adjusted properly when viewing using the site's built-in/native Dark Mode. See: https://en.wikipedia.org/wiki/Composition_over_inheritance. Code blocks show up white-on-white, and are only visible if the user highlights the text.

== ✅ Edit Notice dark mode error ==

On some contentious topic articles, such as [[w:en:Israeli-occupied territories|Israeli-occupied territories]], when attempting to edit the page (using a mobile browser), an edit notice is displayed. When dark mode is enabled, this notice is almost unreadable. [[User:DigitalChutney|DigitalChutney]] ([[User talk:DigitalChutney|talk]]) 21:10, 4 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/World_Chess_Championship_2024 World Chess Championship 2024] dark mode error ==


'''Unfortunatly the dark mode makes the table for the Results of the Candidates Tournament unreadable. All the results for games played with black are not visible as it tries to flip the colours around, despite there being no need for it.'''

Root cause of the error is in the sports table chess module https://en.wikipedia.org/wiki/Module:Sports_table/Chess. You can see the problem of black-on-black in the examples of ''Crosstable''s.
--[[User:Susko3|Susko3]] ([[User talk:Susko3|talk]]) 00:11, 8 October 2024 (UTC)

:{{talk quotation|All the results for games played with black are not visible as it tries to flip the colours around, despite there being no need for it.}} The coloring issue is definitely there, but that isn't the reason why. The reason things are coming out wrong-colored is that the module:
:# creates normal table cells with <syntaxhighlight lang="css" inline>style="background-color: transparent; color: inherit"</syntaxhighlight> (which comes out fine because the inherited text color ends up being <code>white</code>, against the dark table background)
:# creates '''white''' table cells with <syntaxhighlight lang="css" inline>style="background: black; color: white"</syntaxhighlight> (which is also fine, the explicit colors are used)
:# but it creates '''black''' table cells with <syntaxhighlight lang="css" inline>style="background: transparent"</syntaxhighlight>, ''assuming'' that the text color will be black, and the background color will be light enough for the black text to show.
:Problem is, the dark-mode CSS has a (somewhat dubious) rule that sets the text color to <code>#202122</code> anytime anything is styled with a <code>background</code> property of any sort, which means that using <syntaxhighlight lang="css" inline>background: transparent</syntaxhighlight> without setting a text color will basically ''always'' cause contrast issues.
:Anyway, the fix will be to have the module explicitly output <syntaxhighlight lang="css" inline>style="background: white; color: black"</syntaxhighlight> for the black cells, the same way it outputs the opposite for the white cells. I'll work on a proposed update to the code as soon as I can figure out where the style bits actually live. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 14:13, 8 October 2024 (UTC)
:: This is now fully fixed; while the templates could still use some styling ''tweaks'', all of the information is visible from invocations of [[w:Module:Sports table]], whether using {{para|style|Chess}} or another {{para|style}} mode. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 09:45, 15 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
On page https://en.wikipedia.org/w/index.php?title=Special:Homepage&source=personaltoolslink&namespace=12, the text

When you created your account, you said you wanted to add or change information on an existing article. Here, you can find suggestions of small edits to get started. If you would rather go straight to changing a specific article, you can search for the article and click "Edit".

appears as --color-base,#202122, which is barely visible against the background rgba(234,243,255,0.5).

== ✅ [https://en.wikipedia.org/wiki/DOT_pictograms DOT pictograms] dark mode error ==


'''Issue Description'''

Images in the section ''Symbols'' are hard to see because they render black-on-gray. Doing a basic invert with <code>class="skin-invert-image"</code> doesn't produce the correct results.

I think the quickest fix is to add white backgrounds to the gallery. It's not the prettiest, but it's usable.

I did not easily find any information on how I could edit the page so the gallery shows the images with a white background.
I looked at the following pages:

* https://en.wikipedia.org/wiki/Help:Gallery_tag
* https://commons.wikimedia.org/wiki/Commons:Galleries
* https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#When_skin-invert_does_not_work
** this describes me what I want to do, but doesn't tell me how to do it

--[[User:Susko3|Susko3]] ([[User talk:Susko3|talk]]) 00:13, 8 October 2024 (UTC)

:Agreed, the text stops short of explicitly giving directions for the fix, which is to add <syntaxhighlight lang="html5" inline>class="skin-invert"</syntaxhighlight> to the {{tag|gallery|open}} tags used. (Or, in these cases, change them from <syntaxhighlight lang="html5"><gallery caption="..." ></syntaxhighlight> to <syntaxhighlight lang="html5"><gallery class="skin-invert" caption="..." ></syntaxhighlight>. I've [https://en.wikipedia.org/w/index.php?title=DOT_pictograms&oldid=1250088863 done so] on that page. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:19, 8 October 2024 (UTC)
::Oops. Well, I did so for about half of them, and then I apparently got lazy. (Or, failed to realize there were more.) I'll hit the rest now. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:24, 8 October 2024 (UTC)
:I updated the information at [[Recommendations for night mode compatibility on Wikimedia wikis]] so that the information about updating {{tag|gallery}} tags is less buried, and I added an example code block after demonstrating the syntax. Hopefully that'll make things clearer, for editors looking for information on how to update their content. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:25, 9 October 2024 (UTC)

== Paragraph-based Edit Conflict Interface dark mode error ==
{{tracked|T373231}}
I also reported this at [[Help talk:Paragraph-based Edit Conflict Interface]] (topic "Dark mode issue"), because while it was ''encountered'' on enwiki, it's an interface bug that would presumably affect any installation with that tool installed. It's also a rare dark-mode issue that's actually an interface bug, and can't be fixed with a local content tweak.

When using the "Night" site interface (the dark-mode skin), the "tour" popup labeled "Diverging changes are shown line by line." contains black-on-dark-gray text below that initial heading line (which is rendered in white). No idea if any other interface elements are similarly affected. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:23, 8 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/XOR_gate XOR gate] dark mode error ==


'''Issue Description'''
The background of svg image is taken from the dark mode and thus is black in dark mode which render the content of the svg totally unreadable when said content is written or drawn in black as most of the images are. So for example on this page the images showing XOR gate using AOI cannot be seen.
:[https://en.wikipedia.org/w/index.php?title=XOR_gate&diff=1251286363&oldid=1243089997 done] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:09, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Caucasian_Albanian_script Caucasian Albanian script] dark mode error ==


'''Issue Description'''

The characters in the '''Sinai Palimpsest''' column of the table under the section Letters appear to fail the contrast test at 1.44:1 when the page is in dark mode. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 00:19, 9 October 2024 (UTC)

:Whoever made the images on the page in this section forgot to apply the dark mode invert tag to the 𐕞 (Iwn) letter image. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 00:21, 13 October 2024 (UTC)
::[https://en.wikipedia.org/w/index.php?title=Caucasian_Albanian_script&diff=1251476971&oldid=1234441559 Done] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:08, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/AmigaDOS AmigaDOS] dark mode error ==


'''Issue Description'''
This is an example of typical AmigaDOS command syntax:

1> Dir DF0:
Without entering the directory tree, this shows the content of a directory of a floppy disk and lists subdirectories as well.

The following text is too dark in the dark mode (have to switch to light mode to read easily):

Without entering the directory tree, this shows the content of a directory of a floppy disk and lists subdirectories as well.

: {{u|Matrix}} fixed most of those, I cleaned up a few stragglers. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 09:57, 15 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''

The description of Today's Featured Picture has unreadable black on black text. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 00:05, 10 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/User_talk:Thekhan3 Thekhan3] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Text in "today's featured picture" is not properly colored. I was not able to upload the screenshot

== [https://en.wikipedia.org/wiki/2023_Formula_One_World_Championship 2023 Formula One World Championship] dark mode error ==


'''Issue Description'''

The total points column of the World Drivers' Championship standings table and the World Constructors' Championship standings table below it has both the column background and the text in dark colors, making it difficult to read.
https://en.wikipedia.org/wiki/2023_Formula_One_World_Championship#World_Drivers'_Championship_standings

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==

'''Issue Description'''
On my user page, under "Suggested edits," the descriptive text had incredibly low contrast compared to the background.

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Requests_for_comment/History_and_geography Requests for comment/History and geography] dark mode error ==


'''Issue Description'''

Almost all the text is black. [[User:Mellk|Mellk]] ([[User talk:Mellk|talk]]) 13:20, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Requests_for_comment/Politics,_government,_and_law Requests for comment/Politics, government, and law] dark mode error ==


'''Issue Description'''

Almost all the text is black. [[User:Mellk|Mellk]] ([[User talk:Mellk|talk]]) 13:20, 16 October 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Transformer Transformer] dark mode error ==


'''Issue Description'''
The equations in the sidebar of the Ideal transformer subsection of the Principles section are written in white against an off-white background when in dark mode, making them effectively invisible.

== ✅ [https://en.wikipedia.org/wiki/List_of_The_Simpsons_characters List of The Simpsons characters] dark mode error ==


'''Issue Description'''
The table under the Characters section is visably blank, excepting two rows (Homer & Kumiko Albertson).

== ✅ [https://en.wikipedia.org/wiki/Sawtooth_wave Sawtooth wave] dark mode error ==


'''Issue Description'''
The infobox image is a PNG, containing a black graph with no background. This makes it hard to see during dark mode, as it appears as black over dark grey (contrast ratio 1.3:1). A brighter background for the image would be helpful.

== ✅ [https://en.wikipedia.org/wiki/Time_signature Time signature] dark mode error ==


'''Issue Description'''

Section: Early music usage

The table titled "Proportion Signs" contains black text against the dark mode background.

== [https://en.wikipedia.org/wiki/Dodgers–Yankees_rivalry Dodgers–Yankees rivalry] dark mode error ==


'''Issue Description'''
In the "Season-by-season results" section the "Season" and "Notes" links in the 2000s, 2010s, and 2020s tables are the same color as the background of those cells.

== [https://en.wikipedia.org/wiki/2024_Northwestern_Wildcats_football_team 2024 Northwestern Wildcats football team] dark mode error ==


'''Issue Description'''
In all football articles that have a football schedule ("Schedule" section in this specific article), text is dark and unreadable in the games that have yet to be played.

== [https://en.wikipedia.org/wiki/Help:Page_history Page history] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
under "most viewed since your edit" the images are inverted

== [https://en.wikipedia.org/wiki/Logic_gate Logic gate] dark mode error ==


'''Issue Description'''

Section: Universal logic gates

The diagrams displayed inside the table cells are drawn in black against the dark mode background colour.

== [https://en.wikipedia.org/wiki/Sucrose Sucrose] dark mode error ==


'''Issue Description'''

In dark mode, the image at the top-right, showing the chemical structure (Haworth projection) of the molecule, appears in '''black, with a dark gray background''', making it almost impossible to view. In dark mode, the chemical structure lines and text in the image should appear in '''white, with a dark gray or black background''' (i.e., the ''inverse'', or ''negative'', of the original image).

Note that this issue occurs in numerous Wikipedia articles, when viewed in dark mode, and not only in the article about sucrose.

Also note that switching to light mode and using ''Dark Reader'' (a popular browser add-on), to generate the dark mode, works as intended (i.e., the chemical structure lines and text in the image appear in white, with a black background, making the image perfectly viewable).

== [https://en.wikipedia.org/wiki/Talk:Viriamo Viriamo] dark mode error ==
I'm not sure what template this arises from but dark mode inverts the color of an image on a talk page section for a DYK nomination (see Talk:Viriamo).

[[File:Viriamo example.png|thumb|the image displaying normally]]
[[File:Viriamo example 2.png|thumb|the inverted image]]

:This seems caused by the row:
:<syntaxhighlight lang="css">
filter: invert(1) hue-rotate(180deg);
</syntaxhighlight> --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 02:35, 30 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/List_of_best-selling_albums List of best-selling albums] dark mode error ==


'''Issue Description'''
Dark mode conflicts with the light pastel colours used to mark different categories in tables. In this article, specific random rows maintain their dark-mode colouring while the rest are displayed using light-mode colouring. This is not an error I have consciously observed on other pages.

== [https://en.wikipedia.org/wiki/List_of_trigonometric_identities List of trigonometric identities] dark mode error ==


'''Issue Description'''
Links in a table appear dark and can't be seen well, like in this section:
https://en.wikipedia.org/wiki/List_of_trigonometric_identities#Multiple-angle_and_half-angle_formulae

== [https://en.wikipedia.org/wiki/Wikipedia:Administrators'_noticeboard/Incidents Administrators' noticeboard/Incidents] dark mode error ==


'''Issue Description'''
It's difficult to read watchpages with filters with dark mode enabled.

== ✅ [https://en.wikipedia.org/wiki/Plan_9_from_Bell_Labs Plan 9 from Bell Labs] dark mode error ==


The image of the Plan 9 from Bell Labs mascot, "Glenda in a space suit" at the top of the right-hand sidebar info box does not display properly in dark mode. Maybe nothing can be done about that but I assume this affects other similar (possibly vector / svg?) images on Wikipedia where the color scheme was not designed with dark mode in mind.
:Was [https://en.wikipedia.org/w/index.php?title=Plan_9_from_Bell_Labs&diff=prev&oldid=1255414488 fixed]. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:56, 5 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Contents/Society_and_social_sciences Contents/Society and social sciences] dark mode error ==


'''Text is very hard to read in dark mode. Color contrast is as low as 1.12:1'''
:I've made [https://en.wikipedia.org/w/index.php?title=Wikipedia:Contents/styles.css&diff=prev&oldid=1255524678 some improvements]. It's not super pretty, but at least it is readable now. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:54, 5 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Group_(mathematics) Group (mathematics)] dark mode error ==


'''Issue Description'''

Part: Second example: a symmetry group

Element: Cayley table

Symbols in squares with light background difficult to read (easily visible in light mode). Also fine in invert color display mode. Is there such "html" "tag" for elements to just invert?
:Improved, but their background details are very light, so it would be better if someone made an improved set of images for these I think. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:41, 5 November 2024 (UTC)

== "Try Suggested Edits" popup dark mode error ==


'''Issue Description'''
"Try suggested edits" popup that shows after a (first?) edit is white-on-white.

https://imgur.com/a/xc1imc2

--[[Special:Contributions/142.196.166.123|142.196.166.123]] 22:36, 8 November 2024 (UTC)

== Table don't affected ==


'''Issue Description'''
the table still is in light theme and it looks very bright

== Text too bright ==


'''Issue Description'''
This issue is related to the Vector 2022 skin - if that is what the instructions refer to as template.
I am experiencing issues with the text color (#eaecf0) which manifest as eye strain.

With light mode, I get an initial shock every time I open a page. If I read all of it, I'm alright by the end - but then switching back to anything else on my computer which is all in dark mode, I get another shock.

With dark mode, I get no initial shock, however by the end of the article I realize my sight is littered with remnants of the text due to its brightness.

I find that changing this color to (#b8babd) makes the page much more pleasant for my eyes.

My suggestion is really not related to hue as much as it is lightness. I believe a drop of around 20% is needed to reduce eye strain.

Thanks for the consideration :)

== [https://en.wikipedia.org/wiki/Waco_siege Waco siege] dark mode error ==


'''Issue Description'''

When Automatic is selected and the browser is set to prefer dark themes, the map of Texas is unreadable. When either light or dark is explicitly selected, the map of Texas is correct.

Tested on Firefox for Windows.

== [https://en.wikipedia.org/wiki/Gadigal_railway_station Gadigal railway station] dark mode error ==


'''Issue Description'''
Black table

== [[wikipedia:Template:Infobox historical era|Template:Infobox historical era]] dark mode error ==

'''Issue Description'''

The Chronology section of [[wikipedia:Template:Infobox historical era|Template:Infobox historical era]], with {{para|before}} and {{para|after}} links displays with <code>background:#F9F9F9;</code> regardless of whether night mode is on or off. [[User:Yodin|Yodin]] ([[User talk:Yodin|talk]]) 02:58, 12 November 2024 (UTC)

:Fixes have been made by @[[User:Matrix|Matrix]]. --[[User:Yodin|Yodin]] ([[User talk:Yodin|talk]]) 12:57, 15 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Double-precision_floating-point_format Double-precision floating-point format] dark mode error ==


'''Issue Description'''
The dark mode color filter (?) doesn't work properly in the [https://en.wikipedia.org/wiki/Double-precision_floating-point_format#Double-precision_examples "Double-precision examples"] section of the "Double-precision floating-point format" page. The background is off-white instead of dark.

It also "escapes" the article and goes off to the right, overlapping the "tools" sidebar.
:Improved with css variables and a scroll box. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:07, 12 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Feynman_diagram Feynman diagram] dark mode error ==


'''Issue Description'''
At the top of this page (“Feynman Diagram”), there is an image of the Feynman Diagram. In dark mode this changes to a black background, as expected, but the particle markings (‘e-’ for electron, etc) remain in a grey, making it difficult to read against the black background.
The image is still perfectly readable in light mode.

Everything else I saw briefly on the page looked good.
:Was [https://en.wikipedia.org/w/index.php?title=Feynman_diagram&diff=prev&oldid=1257740569 fixed]. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:56, 22 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/European_Court_of_Human_Rights European Court of Human Rights] dark mode error ==


'''Issue Description'''
The logo in the side box is way too low contrast.

== [https://en.wikipedia.org/wiki/Confusion_and_diffusion Confusion and diffusion] dark mode advice ==


[[File:Image for demo the how background is looks like.png|thumb]]
"Okay, the mode change from light to dark is cool, but the dark color is too dark. It affects the reading and does not feel good. I think the background color should be "'''#333'''" or something around this color. This is the demo of how I change, and it's probably good."

[[File:Image background settings.png|thumb|alt=Image background settings|Image background settings]]
color setting demo. 
"I hope this Setting Looks fine for all users Feels this nice look or any improvement in this setting it's fine but this is from my size."

== [https://en.wikipedia.org/wiki/Wikipedia:Community_response_to_the_Wikimedia_Foundation's_ban_of_Fram Community response to the Wikimedia Foundation's ban of Fram] dark mode error ==


'''Issue Description:''' the templates inside "mw-archivedtalk" are all with badly inverted text. showing dark on dark.

== [https://en.wikipedia.org/wiki/Eastern_Iowa_Airport Eastern Iowa Airport] dark mode error ==


'''Issue Description'''
The blue color on the legends of the passenger destinations map is very difficult to read. I have attached a screenshot as an example.
[[File:Example Screenshot November 20.png|thumb]]

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
There is not an issue with readability, but the dark mode preference does not save when coming back to Wikipedia after closing Google Chrome.
:{{replyto|Sypesgpgp}} For registered users, it is registered in their preferences (and many people have this, so if there was some sort of wider issue, I'd expect many people to complain about this not working). For anonymous users, this setting is saved with a cookie. So if you have a browser or an extensions for that throws away cookies for privacy/ad blocking reasons, then remembering the setting will not work. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:50, 22 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template_talk:Chernobyl Chernobyl] dark mode error ==


'''Issue Description'''

The title "Chernobyl Disaster" is colored dark grey on dark mode, which makes it very hard to read because of the black background.

Interestingly, this issue does not appear when viewing the template itself, but appears when viewing an article that has that template, such as [https://en.wikipedia.org/wiki/Elephant%27s_Foot_(Chernobyl) the page on Elephant's Foot].

This issue occurs in both Firefox and Ungoogled Chromium.

== ✅ [https://en.wikipedia.org/wiki/Vithkuqi_alphabet Vithkuqi alphabet] dark mode error ==


'''Issue Description'''
The letter images in the table in the Description section of the page fails the contrast check (1.3:1). I was wondering if this could be corrected. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 01:14, 25 November 2024 (UTC)
: [https://en.wikipedia.org/w/index.php?title=Vithkuqi_alphabet&diff=prev&oldid=1259488390 fixed] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 13:09, 25 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/2024–25_PBA_Commissioner's_Cup 2024–25 PBA Commissioner's Cup] dark mode error ==


'''Issue Description'''

I couldn't read the dates in the results table (in the elimination round section) without highlighting it. I think it's because the text color is currently set to black?
:[https://en.wikipedia.org/w/index.php?title=Module:Sports_games&diff=prev&oldid=1259489510 fixed] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 13:49, 25 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/Wikipedia:Good_articles Good articles] dark mode error ==

'''Issue description'''

Background color isn't changed from the default, resulting in white-ish text on a white-ish background.

== [https://en.wikipedia.org/wiki/Help:Multilingual_support Multilingual support] dark mode error ==


'''Issue Description'''

I've found yet another page where their images fail the contrast check when in Dark mode at 1.3:1. I also noticed that some images leave a white background in dark mode, and should probably be updated to remove said background from the images. The images in question are all under the Scripts section of the page. I was wondering if this could be corrected as well? -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 15:01, 28 November 2024 (UTC)

:The images look better in Dark mode, but the letter images under Ancient South Arabian no longer appear. Seems like they lowercased the PNG part, when that bit is also case sensitive (___.png and ___.PNG are treated to not be the same image on these wikis). -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 02:09, 2 December 2024 (UTC)

== Tip me low ==

Richard Deon Thompson 6kxmd7el4u93xmd [[User:Dion65088|Dion65088]] ([[User talk:Dion65088|talk]]) 03:11, 1 December 2024 (UTC)

== Ten thousand dollars trade ==

U.s writer. [[User:Dion65088|Dion65088]] ([[User talk:Dion65088|talk]]) 03:12, 1 December 2024 (UTC)

== [https://en.wikipedia.org/wiki/Birdman_(film) Birdman (film)] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Poodle_Hat Poodle Hat] dark mode error ==


'''Issue Description'''
In the Wikipedia article for Poodle Hat [[https://en.wikipedia.org/wiki/Poodle_Hat]], in the track listing section [[https://en.wikipedia.org/wiki/Poodle_Hat#Track_listing]] the place holder text for the expandable section of the track "Angry White Boy Polka" appears dark in the dark mode.

== 📢 [https://en.wikipedia.org/wiki/Tegra Tegra] dark mode error ==


'''Some pages are way to big'''
Hello I was reading the page for tegra chip and i noticed that it was very large when i checked it was because of a list

Reading/Web/Accessibility for reading/Reporting/en.wikipedia.org

2024-12-03T05:05:44Z

Depotadore: /* Tegra dark mode error */ new section

__NEWSECTIONLINK__
{{Center|'''[[Special:NewSection/{{PAGENAME}}|CREATE A REPORT]]'''}}

Key: The following emojis in the title mean someone has looked at the feedback and worked out what to do with it.
{| class="wikitable"
|+ Caption
! Icon !! Meaning
|-
| 📢 || User is providing general feedback and it should be reviewed by designer/PM. If the template is legible in dark mode (just bright!) you can also consider it feedback and use this emoji. For popular templates, please consider adding a comment on the talk page when adding this emoji.
|-
|❓
|Report was unclear and we don't know what to do with it.
|-
|✅
|This has been fixed or reported on wiki.
|-
|🐛
|This is tracked in a bug or a talk page comment (please use the Tracked template).
|-
|🤖
|Concerns a gadget
|}

== ✅ [https://en.wikipedia.org/wiki/Emmanuel_Macron Emmanuel Macron] dark mode error ==


Links to other pages turn invisible!!!

== ✅[https://en.wikipedia.org/wiki/Radiosoul Radiosoul] dark mode error ==
Hello! I noticed while browsing that [[wikilinks]] in infoboxes are no longer visible with dark mode on. I've also observed this issue on several other pages, including [https://en.wikipedia.org/wiki/Keir_Starmer Keir Starmer] and [https://en.wikipedia.org/wiki/Paint_It_Black Paint It Black]. This issue only seems to affect certain infobox parameters (i.e. headings). [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 23:17, 10 July 2024 (UTC)

I've also noticed similar info box issues: https://en.wikipedia.org/wiki/CPNE1 Almost everything in the infobox on this page is invisible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 23:41, 10 July 2024 (UTC)

== [[:en:1995_NBA_All-Star_Game|🐛1995 NBA All-Star Game]] dark mode error ==


Dark mode interferes with the color of the images (in this instance, the illustrations of the uniform colors on the sidebar). In dark mode, the illustrations are the same dark gray shade as the background. In light mode, the proper colors are displayed.

This is a problem for all pages that use this uniform display graphic template, including several other NBA All-Star Game pages, as well as those of many US college basketball teams (both men's and women's--e.g.: [https://en.wikipedia.org/wiki/Indiana_Hoosiers_men%27s_basketball| Indiana Hoosiers men's basketball] and [https://en.wikipedia.org/wiki/UConn_Huskies_women%27s_basketball| UConn Huskies Women's Basketball]).

{{Tracked|T370074}}

== [[:en:20th_Century_Studios|📢20th Century Studios]] dark mode error ==

 The number of different shades of gray found between the body text, the sidebars, and the extra space on my monitor were distracting. I would much rather all the black is the same.
'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
Editing while in dark mode was hard on my eyes
: {{re|Buffalkill}} Hello, could you please explain the issue you are facing? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 10:57, 12 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Algorithmic_efficiency Algorithmic efficiency] dark mode error ==

'''Issue Description - difficulty reading & monitor breaking.'''

I used to have dark mode in wikipedia with custom css however I noticed that having it too dark, made reading it difficult and my monitor was also making faulty vertical lines for some reasons...

Can you '''''slightly''''' reduce the darkness.

I found this issue generally but first at - [[https://en.wikipedia.org/wiki/Algorithmic_efficiency|Algorithmic_efficiency]]

== ❓[https://en.wikipedia.org/wiki/Tenka_Sanbun_no_Kei:_Ōmisoka_New_Year's_Eve_Special Tenka Sanbun no Kei: Ōmisoka New Year's Eve Special] dark mode error ==


'''Issue Description'''
Dark mode makes the source editor almost unreadable.<blockquote>Possibly relates to syntax highlighting? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:14, 19 July 2024 (UTC)</blockquote>

== 🐛[https://en.wikipedia.org/wiki/Spamdexing Spamdexing] dark mode error ==


'''Issue Description''':
The coloured bars alongside the warnings at the top of the page display as gray in dark mode.

:This is [[:en:MediaWiki talk:Common.css/to do#Dark mode: metadata]] +- [[phab:T365330]]. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 21:47, 11 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Witch_trials_in_the_Holy_Roman_Empire Witch trials in the Holy Roman Empire] dark mode error ==


'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
Skin color is distorted.
: {{re|HumanBeing240}} Hello, could you please explain the issue you are facing? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 10:58, 12 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/2024_FIVB_Men's_Volleyball_Challenger_Cup 2024 FIVB Men's Volleyball Challenger Cup] dark mode error ==


'''Issue Description'''

== [[:en:L-DOPA|🐛L-DOPA]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''

Infobox and synthesis chemical drawings are black images with transparent background and not visible in dark mode.

== ✅[https://en.wikipedia.org/wiki/System_of_a_Down System of a Down] dark mode error ==

'''Issue Description'''

https://en.wikipedia.org/wiki/Template:System_of_a_Down
https://en.wikipedia.org/wiki/Template:MTV_Europe_Music_Award_for_Best_Alternative
Text of headers of templates in the bottom of page is black and unreadable when background is black. I guess it may be a problem of all templates across whole wiki

== ✅ [https://en.wikipedia.org/wiki/Malatang Malatang] dark mode error ==


'''Issue Description'''

The "Part of a series on Chinese cuisine" panel still has a white background, which makes it hard to read

== ✅[https://en.wikipedia.org/wiki/Wikipedia:Administrators'_noticeboard/Incidents Administrators' noticeboard/Incidents] dark mode error ==

'''Issue Description'''

Sections set off with {{tl|tqb}} are illegible on this page, though the examples on the template doc page are fine. See https://en.wikipedia.org/w/index.php?title=Wikipedia:Administrators%27_noticeboard/Incidents&diff=prev&oldid=1233836581 for an example. Thanks.

:This looks fine to me? [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 21:28, 11 July 2024 (UTC)

== ❓ [https://en.wikipedia.org/wiki/Dungeness Dungeness] dark mode error ==


'''Issue Description'''
If a word is ontop of a map, the word(s) background aren't transparent, blocking the view of the map.

I found this in the map section for the article about the Dungeness in England.

== ✅ [https://en.wikipedia.org/wiki/Struggle_session Struggle session] dark mode error ==


'''Issue Description'''
The colors of pictures are inverted on my screen.

== ✅[https://en.wikipedia.org/wiki/Billboard_200 Billboard 200] dark mode error ==


'''Issue Description'''
The Billboard logo has a transparent background, which makes it invisible.

== 📢[https://en.wikipedia.org/wiki/Talk:Lena_Raine Lena Raine] dark mode error ==


'''Issue Description'''

Some boxes on Talk pages are still white.

== 🐛[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
On chemistry pages, the molecules are made in black and they become very hard to read against the dark mode background.

== ✅[https://en.wikipedia.org/wiki/Severed_Survival Severed Survival] dark mode error ==


'''Issue Description'''
The table in the Track Listing section in the dark mode behaves as if it is in the light mode, i.e. black letters on white background.

== ✅ [https://en.wikipedia.org/wiki/Reducing_sugar Reducing sugar] dark mode error ==


'''Issue Description'''
Make transparent diagrams with black borders hard to read because the background is dark as well

== 🐛[https://en.wikipedia.org/wiki/Ketosis Ketosis] dark mode error ==
{{Tracked|T370074}}
'''Issue Description'''
Ketone bodies: acetone, acetoacetic acid, and beta-hydroxybutyric acid in the infobox not visibile

== ✅[https://en.wikipedia.org/wiki/Fall_of_Constantinople Fall of Constantinople] dark mode error ==


'''Issue Description'''
The [[w:Template:History_of_the_Byzantine_Empire_sidebar|History of the Byzantine Empire sidebar]] has a title "Part of a series on the History of the Byzantine Empire" that is black text on a black background and therefore invisible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 📢[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''New dark mode text is too bright'''

The new experimental dark mode appears to disregard common UX recommendations for dark mode, particularly the default color for text being far too bright.

Specifically, text (#EAECF0) is now significantly brighter compared to the beta version (#DFDEDD), which was more in line with common recommendations for reducing eyestrain. Referencing Material Design's guidelines for dark themes, they recommend using #DEDEDE (white at 87% opacity), which is more suitable for extended reading sessions. Note how close that text color is to the beta version.

While I would prefer to revert to the beta version until this is resolved, doing so causes a white flash on every page load or refresh. [[User:Daniel Quinlan|Daniel Quinlan]] ([[User talk:Daniel Quinlan|talk]]) 22:12, 11 July 2024 (UTC)

:Also I have found that #dedede #dfdedd seem better than #eaecf0. --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 21:08, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/2024_Indian_general_election 2024 Indian general election] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The file [[w:File:Indian_General_Election_2024.svg | 2024 Indian General Election]] in the infobox has black text on a dark grey background. The background should be made light grey in dark mode or the SVG should be swapped out for a version with accessible text.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛[https://en.wikipedia.org/wiki/Earth Earth] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
[[w: File:Earth_cutaway_schematic-en.svg | File:Earth_cutaway_schematic-en.svg]] and [[w: File:Seasons1.svg |File:Seasons1.svg]] are both SVGs with a transparent background and black text labels on a dark grey background. The labels are not legible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== [[:en:The_arts|🐛The arts]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The image [[w:File:MozartExcerptK331.svg | File:MozartExcerptK331.svg]] in the music section is black text on a black background.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛[https://en.wikipedia.org/wiki/Human Human] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The image [[w:File:Human.svg | Human.svg]] in the "Gender" section is a black outline on a black background and is not visible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅[https://en.wikipedia.org/wiki/Planet Planet] dark mode error ==


'''Issue Description'''
Tables of planetary[[w:https://en.wikipedia.org/wiki/Planet#Symbols| symbols]] images are black lines on a black background and are not visible.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 🐛 [https://en.wikipedia.org/wiki/List_of_Green_Bay_Packers_NFL_Anniversary_All-Time_Team_selections List of Green Bay Packers NFL Anniversary All-Time Team selections] dark mode error ==


'''Issue Description'''
The use of the dark green custom colours for link titles in [[w:https://en.wikipedia.org/wiki/Template:Green_Bay_Packers|Template:Green_Bay_Packers]] makes them difficult to see on the dark mode background.
[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅ [https://en.wikipedia.org/wiki/Template:Unsolved Unsolved] dark mode error ==


'''Issue Description'''
This template is utterly broken in dark mode. White text on a white background. Should inherit CSS variables in dark and light mode for colour compatibility.

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== ✅ [https://en.wikipedia.org/wiki/Mathematics Mathematics] dark mode error ==


'''Issue Description'''
The following images have black labels on a black background that are not visible:

[[w:https://en.wikipedia.org/wiki/File:Quadratic_formula.svg|Quadratic_formula.svg]]

[[w:https://en.wikipedia.org/wiki/File:Markovkate_01.svg|Markovkate_01.svg]]

[[w:https://en.wikipedia.org/wiki/File:IllustrationCentralTheorem.png|IllustrationCentralTheorem.png]]

[[w:https://en.wikipedia.org/wiki/File:Supply-demand-equilibrium.svg|Supply-demand-equilibrium.svg]]

[[w:https://en.wikipedia.org/wiki/File:Nuvola_apps_edu_mathematics_blue-p.svg|Nuvola_apps_edu_mathematics_blue-p.svg]]

[[w:User: Kabelsalat22| Kabelsalat22]] ([[w:User talk:Kabelsalat22|talk]])

== 📢 [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''

1. Compared to the Dark Mode Gadget I'd been using, this beta Dark Mode feature is not as dark. It's comparatively more grey and not pure black.

Aside from being brighter than I'd like, LED screens turn off the pixels with pure black, so the Dark Mode feature would draw more power than the Dark Mode gadget. (I don't personally have an LED screen laptop though to really know if it's pure black to turn off pixels).

2. A **new** error is I now can't seem to re-enable the Gadget version of Dark Mode, even when I switch the display back to Light Mode or Automatic prior to enabling the gadget. Newly opened pages only briefly (less than a second) show as dark, but then it's instantly bright.

Short version:

1. Dark Mode is not as dark/black as the Dark Mode Gadget.

2. The Dark Mode gadget cannot seem to be re-enabled after trying the Dark Mode beta feature.

Section of article(s): Global

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 02:59, 12 July 2024 (UTC)

EDIT/Update: I was able to re-enable the Gadget by clicking "Dark Mode" in the user menu on the top right, where it now shows pure black again. This is after I tried re-enabling it through the Gadget area of Preferences, when it would only briefly show pages in the pure black I prefer before turning bright incorrectly.

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 03:04, 12 July 2024 (UTC)

In trying to replicate what I did, I noticed the "dark mode" option in the user menu at the top right is not there if the gadget is disabled, so looks like that option is tied to the Gadget and not the new Beta.

Basically, to re-enable the gadget correctly, it has to be done first in the Preferences Gadget area, and then Dark Mode has to be clicked in the user menu at the top right.
I'll continue using the Gadget and try the beta again later to see if it's made darker.

[[User:BlindingDarkness|BlindingDarkness]] ([[User talk:BlindingDarkness|talk]]) 03:11, 12 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Template:Navbox_musical_artist Navbox musical artist] dark mode error ==


'''Issue Description''' The headers on this template become completely unreadable in dark mode (this includes the name of the artist, names of band members and the icons in the top left). See [https://en.wikipedia.org/wiki/Sultans_of_Swing Sultans of Swing] for an example of this on a mainspace article (the template is at the bottom of the page). Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 11:15, 12 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Wikipedia:Reliable_sources/Perennial_sources Reliable sources/Perennial sources] dark mode error ==

When I'm trying to read the table where the various sources is, the text in these colored (light red, light green, light yellow/lime?) lines/blocks is light grey/white (I can't tell...) and is very difficult to read.

The solution would be that these blocks/lines are way more darker colored (in dark mode, if possible), so it is definitely easier on the eyes and definitely easier to read. Hope that helps. I hope I didn't missed anything I could change. Thanks, [[User:MtrdCtchr|MtrdCtchr]] ([[User talk:MtrdCtchr|talk]]) 12:20, 12 July 2024 (UTC)

:I've flipped [[:en:Wikipedia:Reliable sources/Perennial sources/styles.css]] for dark mode for the primary content. Further adjustment should be requested on the talk page of RSP. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 17:39, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Forceps Forceps] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
backgrounds of images with transparent backgrounds turn black reducing their visibility

== ✅ [https://en.wikipedia.org/wiki/Justin_Woodall Justin Woodall] dark mode error ==


'''Issue Description'''

Found another infobox that becomes unreadable: https://en.wikipedia.org/wiki/Justin_Woodall
[[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 18:00, 12 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Wyoming_Highway_352 Wyoming Highway 352] dark mode error ==


'''Issue Description'''

The bottom row of the template: "1.000 mi = 1.609 km; 1.000 km = 0.621 mi" is light grey on white and consequently illegible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 18:06, 12 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


[[File:Wikipedia dark mode light color status bar mobile ios.png|thumb|alt=a screenshot from iOS safari browser showing a light status bar when wikipedia is in dark mode]]{{Tracked|T364285}}
'''Status bar on iOS Safari is still light color'''
This can clash with the overall dark theme and make the rest of the page harder to read.

== 📢[https://en.wikipedia.org/wiki/Template:Infobox_album Infobox album] dark mode error ==


'''Issue Description''' 
On light mode, the headers on this template are a different colour to the usual white {{small|(See ''[https://en.wikipedia.org/wiki/From_the_Muddy_Banks_of_the_Wishkah From the Muddy Banks of the Wishkah]'', where the album title and other headers are coloured orange)}}. This helps to distinguish the headers from the other content, and it is color-coded so that particular types of albums (e.g. live albums or soundtrack albums) have differently coloured headers. On dark mode, this feature is non-existent - everything has the same background colour, making it more difficult to distinguish information. Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 22:01, 12 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/The_Cat_Empire_discography#Singles The Cat Empire discography § Singles] dark mode error ==
'''Issue Description''' 
The [https://en.wikipedia.org/wiki/Template:N/a N/a] and [https://en.wikipedia.org/wiki/Template:TBA TBA] templates on this page stick out very noticeably, as they are much brighter in colour than the other info in the column. I would recommend making them look a little more subtle. Thanks, [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 23:01, 12 July 2024 (UTC)

== [[:en:Wikipedia:Task_Center|✅Task Center]] dark mode error ==


'''Issue Description''' The headers are unreadable in dark mode, as they appear as white text on a white background. [[User:SupremeLordBagel|SupremeLordBagel]] ([[User talk:SupremeLordBagel|talk]]) 00:06, 13 July 2024 (UTC)

:This one is fixed. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 14:30, 13 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Special:Watchlist Watchlist] dark mode error ==


'''Issue Description'''
When companies design a dark mode version of their website, the most important priority is color contrast. The current state of Wikipedia's dark mode keeps blue text from light mode the same color. However, the shade of blue should be slightly adjusted to contrast enough with the black background to make the text more readable. I've linked the watchlist page, which contains a lot of blue text, to demonstrate how it strains the eyes.

== 📢[https://en.wikipedia.org/wiki/User_talk:Firefangledfeathers Firefangledfeathers] dark mode error ==


'''Issue Description'''
Wikitext box background is white, should be black, no text is visible.<blockquote>Is this reference to https://en.wikipedia.org/w/index.php?title=Module:Contentious_topics/aware ? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:14, 19 July 2024 (UTC)</blockquote>

== 📢Dark mode error ==

Table's cells with color FFF are hard to read (Maybe make them more dark)
https://en.wikipedia.org/wiki/List_of_Apple_products,
https://en.wikipedia.org/wiki/List_of_iPhone_models

== 📢[https://en.wikipedia.org/wiki/2024_Russian_presidential_election 2024 Russian presidential election] dark mode error ==


'''Issue Description'''
The Link colors could be a softer/ shade of blue in dark mode, so they don't so aggressively contrast with the white text. That's the only issue I'm seeing. The shade of gray works. This applies to the general interface, not just this article.

== ✅ [https://en.wikipedia.org/wiki/File:VisualEditor_Citoid_Manual.png VisualEditor Citoid Manual.png] dark mode error ==


'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T368795}}

'''Issue Description'''
I can’t use dark mode unless i am logged in to a Wikipedia account.

== 🐛[[:en:Greek_alphabet|Greek alphabet]] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The side panel table showing the full Greek alphabet includes an SVG image file showing "Aα...Ωω". However, when using dark mode, the text in the image remains black, making it difficult to read against the dark background.

== 🐛[https://en.wikipedia.org/wiki/Special:WelcomeSurvey WelcomeSurvey] dark mode error ==
{{Tracked|T370079}}
'''Issue Description'''

== 📢🐛 Twinkle dark mode error ==


'''Twinkle drop down menus unreadable in dark mode''' When using the [[w:WP:Twinkle|Twinkle]] gadget for tasks such as warning vandals, I have observed that, with dark mode enabled, the text in drop down menus is nearly unreadable as the text colour has changed to white but the background colour of the dropdown has remained the same white colour. [[User:DigitalChutney|DigitalChutney]] ([[User talk:DigitalChutney|talk]]) 17:22, 14 July 2024 (UTC)

:@[[User:MusikAnimal|MusikAnimal]] [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:26, 17 July 2024 (UTC)
::Looks like this was fixed? As I understand it, Twinkle uses <code>mw.util.addPortlet</code> and <code>mw.util.addPortletLink</code>, so the styles should be fully controlled by the skin without any changes needed to Twinkle. — [[User:MusikAnimal|MusikAnimal]] [[User talk:MusikAnimal|talk]] 00:58, 23 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Odetari Odetari] dark mode error ==


'''Some table colours directly contrast the colours of dark mode by using a white, which contradicts the point of dark mode. This is likely an error since it does not contrast the colours of light mode when in light mode.'''

== 🐛[https://en.wikipedia.org/wiki/Special:Contributions Special:Contributions] dark mode error ==

Go to the contributions of a partially-blocked user (pick one [https://en.wikipedia.org/w/index.php?title=Special:BlockList&blockType=partial&wpOptions%5B0%5D=tempblocks here]). The block notice near the top has white text on a yellow background, making it completely unreadable. Site-wide blocks are unaffected. [[User:Rummskartoffel|Rummskartoffel]] ([[User talk:Rummskartoffel|talk]]) 17:48, 14 July 2024 (UTC)

:This was supposed to be fixed by https://en.wikipedia.org/wiki/MediaWiki_talk:Common.css#Interface-protected_edit_request_on_5_May_2024 so I followed up there. [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 16:53, 15 July 2024 (UTC)

== 📢Comment from [[User:GoldMX]] ==


'''I'm a huge fan of Dark Mode across all platforms, but some do it better than others...unfortunately, y'all have great intentions but the execution suffers..."garish" is the word that comes to mind...the colour choices for the hyperlinks need rethinking amongst other things, a softer "white" for the text would also be something I'd look at, a light gray perhaps? I know you want to keep to your proven theme, but a rethink beofre just reversing the colour palette would be suggested. Good first effort, needs work though.'''

== 📢[https://en.wikipedia.org/wiki/List_of_Mac_models List of Mac models] dark mode error ==


Light tables and light timelines.

== ❓[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
: {{re|Odonnellb}} Hello, could you please explain the issue you are facing in detail? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 07:08, 15 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/PDF PDF] dark mode error ==
{{Tracked|T369391}}
The {{mono|.flaggedrevs-color-1}} sets light background without changing text colour, so the revision history of an article with pending changes protection is completely illegible in the dark mode. Pending and unreviewed are probably affected too.

== 📢[https://en.wikipedia.org/wiki/Wikipedia:Community_portal Community portal] dark mode error ==


'''Issue Description'''
The signpost is still in light mode and the help out titles are still in light mode
* Fixed the signpost box. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 02:20, 18 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Chroma_subsampling Chroma subsampling] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''
The black text of the first image which is transparent is hard to read.

== 🐛 [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==

{{Tracked|T370454}}
'''Tip popup after confirming my e-mail for my account is still in light mode'''

The text says: "Welcome to your homepage! You can always click on your username to return here. ..."

== 🐛[https://en.wikipedia.org/wiki/Hexadecimal Hexadecimal] dark mode error ==
{{Tracked|T370074}}
'''Dark mode incompatible with alpha channel'''

https://en.wikipedia.org/wiki/Hexadecimal has the "Bibi-binary" image and the "Ronald..." image that are just all black in dark mode. This has been very common since the advent of the Dark Reader plugin (and similar) and can be fixed by making the background for all images off-white, or automatically "flattening" the alpha channel from all images.

== ❓[https://en.wikipedia.org/wiki/Special:InvalidateEmail/3c0192d958d6e0a239d96f5ed2a45d78 InvalidateEmail/3c0192d958d6e0a239d96f5ed2a45d78] dark mode error ==

<includeonly></includeonly>
'''Issue Description'''

== ✅ [https://en.wikipedia.org/wiki/Lists_of_political_office-holders_in_the_Protectorate_of_Bohemia_and_Moravia Lists of political office-holders in the Protectorate of Bohemia and Moravia] dark mode error ==


'''Issue Description'''
Most table contents are invisible, except for the header and marked rows.
: https://en.m.wikipedia.org/wiki/Template:Officeholder_table_start [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:25, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Kuratowski_closure_axioms Kuratowski closure axioms] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
At https://en.wikipedia.org/wiki/Kuratowski_closure_axioms#Definition, the backgrounds of the boxes are white, and the text is black. Furthermore, the equations are impossible to see.

== ❓[[https://en.wikipedia.org/wiki/List_of_countries_by_total_fertility_rate List of countries by total fertility rate] dark mode error ==


'''Issue Description'''
there area little bug when you editing a value of country , pay attention

== 📢[https://en.wikipedia.org/wiki/File:Screenshot_of_Google_Sites_editing.png Screenshot of Google Sites editing.png] dark mode error ==


'''Issue Description'''
White text in the template is unreadable with a light purple background.

: https://en.m.wikipedia.org/w/index.php?title=Template:Non-free_use_rationale [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:24, 17 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


When I switch to dark mode in my login in English Wikipedia, it does not replicate the dark mode in other languages.

== 🐛[https://en.wikipedia.org/wiki/The_Righteous_Gemstones The Righteous Gemstones] dark mode error ==


'''Issue Description'''
In "Episodes" section, episode title rows display as dark text on a white background, which is very jarring against the otherwise dark mode screen.

: Needs reporting to https://en.m.wikipedia.org/wiki/Template_talk:Episode_list [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:21, 17 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Contents/Portals Contents/Portals] dark mode error ==


'''Issue Description'''
Light on light tables, nearly unreadable
: Fix to https://en.m.wikipedia.org/wiki/Wikipedia:Contents/styles.css is required. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 00:19, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Jadwiga_of_Poland Jadwiga of Poland] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''

The main picture on this page is black on black until you click on it. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 00:07, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Homotopy_lifting_property Homotopy lifting property] dark mode error ==
{{Tracked|T370074}}



'''Issue Description'''

In the formal definition section, the commutative diagram is difficult to read, since the arrows and text in the diagram and the background are both black. This only occurs on the browser version of the wiki page; on the mobile app version, the background of the commutative diagram is white, while the text in the diagram is black, and the background of the entire page is black with white text.

I think a better fix would be to make the text in the commutative diagram white, if possible.
: This old entry from July 13 was blocked by an abuse filter. I've rescued it from the logs. [[User:Pppery|* Pppery *]] [[User talk:Pppery|it has begun]] 05:10, 17 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Phase-change_memory Phase-change memory] dark mode error ==
{{Tracked|T370074}}

'''Issue Description'''

== 🤖📢 [https://en.wikipedia.org/wiki/Cosmetics Cosmetics] dark mode error ==


'''Issue Description'''
The link colour of the “improve this section” text in the “Globalize section” template is too dark when in dark mode. This is however only when logged in, and I am using gadgets like Twinkle which might cause it.

I can make a screenshot, I wasn’t sure if I am allowed to just straight upload to MediaWiki.org or if I have to upload it to something like imgur?

I forgot how to properly test and disable gadgets and other beta functions easily, so feel free to ignore this report. It does happen with all browser plugin disabled on both Firefox and Safari, as long as I am logged in. [[User:Cepeli|Cepeli]] ([[User talk:Cepeli|talk]]) 19:07, 17 July 2024 (UTC)

== 📢🐛 [https://en.wikipedia.org/wiki/Oblique_projection Oblique projection] dark mode error ==
{{Tracked|T370074}}
'''Issue Description'''

In the section "Military projection" / "Examples", the SVG graphics are displayed in an unreadable way, everything is very dark, practically unreadable. Opening only the graphics allows to see it properly.

'''Additional (general) note'''

The text in the dark mode is too bright (probably pure white), it hurts the eyes.

IMHO, for comfortable reading in a dark environment (as the dark mode is meant mostly for that), the text should be light grey (not too dark either!). With pure white, the contrast is way too strong, not comfortable for the eyes.

I understand there are some options to customize it, but maybe balancing it slightly better by default
is worth considering.

'''BIG THANKS!!!'''

THUMBS UP FOR THE DARK MODE IN WIKIPEDIA!!!! AT LAST!!!
I was waiting for this for YEARS, wondering when finally Wikipedia devs will stop confusing computer screen with paper (as is the case of majority of applications since Microsoft Word entered the scene and everyone followed...).

I was forced to use resource consuming "Dark mode" plugin to be able to read the articles.

As for me you can abandon the "light mode" and help people save their eyes (though probably it must be kept for those reading Wikipedia on the beach, in the desert, while skiing etc. ;-)

Thank you for the effort providing the Dark mode in Wikipedia!

== 🐛 [https://en.wikipedia.org/wiki/Miguel_Zambrano Miguel Zambrano] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
Sport wrestling symbol in the stub template is black on black, invisible.

== ✅[https://en.wikipedia.org/wiki/Template:Conservation_status Conservation status] dark mode error ==

'''Issue Description'''
Labels of conservation status shorthand dark grey on black, nearly unreadable.

==🐛[https://en.wikipedia.org/wiki/Diffusion_equation Diffusion equation] dark mode error ==

{{Tracked|T370074}}
'''Issue Description'''
The equations are white text on a white background and therefore impossible to read.

== ✅[https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Council/Directory WikiProject Council/Directory] dark mode error ==


'''Issue Description'''
Project directory forces light mode
* This is more or less fixed. Inputbox allows a manual color to be added with wikitext like <code><nowiki><inputbox>bgcolor=white</inputbox></nowiki></code> which should probably have a dark mode workaround. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 02:30, 18 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Tahoma_(typeface) Tahoma (typeface)] dark mode error ==


'''Issue Description'''
In the infobox, every link shows up as unclicked blue links, whether the page has been clicked on or doesn't exist.

== 📢[https://en.wikipedia.org/wiki/The_Ashes The Ashes] dark mode error ==


'''Issue Description'''
Dark mode is too dark and the white text bleeds, the dark background should be more like grayish and not pitch black

== ❓[https://en.wikipedia.org/wiki/Cathy_Freeman Cathy Freeman] dark mode error ==


'''Issue Description'''doesn’t work all the time

== 🐛[https://en.wikipedia.org/wiki/Special:Watchlist Watchlist] dark mode error ==
{{Tracked|T370423}}
--[[User:Trương Mạnh Dinh|Trương Mạnh Dinh]] ([[User talk:Trương Mạnh Dinh|talk]]) 06:21, 18 July 2024 (UTC)
'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Epping_railway_station,_Sydney Epping railway station, Sydney] dark mode error ==


'''Issue Description'''
The "Services to" are too dark in the infobox.

== ❓[https://en.wikipedia.org/wiki/User:JMGN JMGN] dark mode error ==


'''Issue Description'''
: {{re|Cevap86}} Hello, could you please explain the issue you are facing in detail? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:58, 19 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Category:Redirects_from_shortcuts Redirects from shortcuts] dark mode error ==

{{Tracked|T370074}}

'''Issue Description'''

== ✅[https://en.wikipedia.org/wiki/Category:Pending_AfC_submissions Pending AfC submissions] dark mode error ==


'''Issue Description'''
[[w:en:
Wikipedia:Article alerts/Bot use warning]] if transcluded onto that page, but the font color is not white.<blockquote>Issue with Cmbox, specifically html.skin-theme-clientpref-night .mw-parser-output .cmbox [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 17:40, 19 July 2024 (UTC)</blockquote>

== 🐛[https://en.wikipedia.org/wiki/Froude_number Froude number] dark mode error ==


'''Issue Description'''

See the section "Definition and main application."

https://en.wikipedia.org/wiki/Froude_number#Definition_and_main_application

Equations in the green boxes are not readable. They switch to black text. The white page background flips to black. But the light green stays the same, so you get white on light green.

Fix idea: these math symbols need to not flip from black to white. Either manually (some flag set by wiki editor) or automatically (never flip if it's in a box with manually set background).

I don't know how to achieve the fix.

--[[User:Officiallyover|Officiallyover]] ([[User talk:Officiallyover|talk]]) 18:30, 19 July 2024 (UTC). [https://en.wikipedia.org/wiki/User_talk:Officiallyover Wikipedia talk page].

:We're discussing this here: https://en.wikipedia.org/wiki/Template_talk:Equation_box_1#Dark_mode [[User:Jon (WMF)|Jon (WMF)]] ([[User talk:Jon (WMF)|talk]]) 18:40, 19 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/CrowdStrike CrowdStrike] dark mode error ==


'''Color of the links'''

Great to see the dark mode on Wikipedia, however the color of the links in dark mode can be difficult to read. Here are potential improvements could be done in terms of accessibility:
* '''Increase the contrast ratio between text and background:''' The color of the links should be a brighter color that contrasts more with the background color.
* '''Use a different color for visited links:''' If you are going to update the color of links, please assure to update the color of visited links as well, which currently is dark purple, which is even more difficult to see against the dark background.
Thanks for the efforts --[[User:Mehran|Mehran]] ([[User talk:Mehran|talk]]) 23:15, 19 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Toys_(film) Toys (film)] dark mode error ==


'''Issue Description'''
Under the section "Soundtrack", the dark mode settings do not adjust on the table used in this section.

== 📢[https://en.wikipedia.org/wiki/Wikipedia:Protection_policy Protection policy] dark mode error ==


'''Issue Description'''
The "Are you in the right place?" boxes below are white

== 🐛[https://en.wikipedia.org/wiki/List_of_MythBusters_episodes List of MythBusters episodes] dark mode error ==


'''Issue Description'''
The tables are not in dark mode.

== ❓️[https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==

'''Dark mode is not turned on when the settings are saved.'''

I tried to open up a dark mode in the settings, but when I clicked save, ''It switched back to light mode!''
I have no idea what happened. This bug only exists in [https://en.wikipedia.org/ the classic version] but not in [https://en.m.wikipedia.org/ this version.]

This is a but that '''needs''' to be fixed.

Lots of love,
Ayham

[[Special:Contributions/2A00:F29:248:703C:41EC:97AC:C09F:995A|2A00:F29:248:703C:41EC:97AC:C09F:995A]] 06:45, 20 July 2024 (UTC)

: Is it possible you are trying to use the gadget? The gadget doesnt work on preferences page for security reasons. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:39, 22 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/List_of_trigonometric_identities List of trigonometric identities] dark mode error ==


'''Issue Description'''
The background of four tables remains in light colors, making the content unreadable. Here are listed the Sections with a problematic table:

# Angle sum and difference identities
# Multiple-angle and half-angle formulae (x2)
# Relation to the complex exponential function

== ✅[https://en.wikipedia.org/wiki/Definite_matrix Definite matrix] dark mode error ==


'''Issue Description'''
in the #Definitions section, the background colour of the Equation boxes is not updated, whereas the text colour is, making white text on a white background, which is not readable

== 🐛Dark mode error on history listings on pages with pending changes protection set ==
{{Tracked|T369391}}
'''Issue Description''': Articles with pending changes protection have history entries that are basically unreadable in dark mode. For example, [[:en:Eglinton, County Londonderry]] looks like [https://imgur.com/a/3T030sR this]. It looks like <code>.flaggedrevs-color-1</code> is set to a specific background color intended for light mode: <code>background-color: #eaf3ff;</code>.

== ❓[https://en.wikipedia.org/wiki/Wikipedia:Redirects_for_discussion/Log/2024_July_20 Redirects for discussion/Log/2024 July 20] dark mode error ==


'''Issue Description'''
When I go to edit an article, anything that is NOT a link is grey text on white background. --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 21:49, 20 July 2024 (UTC)

:@[[User:Jax 0677|Jax 0677]] Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:07, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/Template:Soulfly Soulfly] dark mode error ==


'''Issue Description'''
At {{tl|Soulfly}}, the actual link for [[Soulfly]] is an extremely dark grey that is difficult to see on a black background. --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 22:03, 20 July 2024 (UTC)

[https://en.wikipedia.org/wiki/MediaWiki_talk:Vector-2022.css#Links_inside_tables Being tracked here] [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 18:27, 22 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==

'''Issue Description''': It just doesn't work. Anywhere. On any page
: {{re|PrinceEKC}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:12, 23 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Talk:2024_CrowdStrike_incident 2024 CrowdStrike incident] (actually applies to any editable page) dark mode error ==
{{Tracked|T365311}}
'''Issue Description'''
Source editing with dark mode and syntax highlighting both on results in plain text having very low contrast with the editing window.

== ✅[https://en.wikipedia.org/wiki/Horsepower Horsepower] dark mode error ==


'''Issue Description'''

Running English Wikipedia in dark mode, most stuff looks pretty great! I do see some diagrams ending up with low contrast such as this SVG diagram snapshotted on the [[w:Horsepower]] article:

[[File:Dark mode screenshot of horsepower diagram.png]]

The text and markings in the image are solid black on a transparent background, which shows through a dark gray from the infobox in dark mode. This ends up difficult to read.

Long-term ideal fix would be to allow SVGs to use theme-aware colors, but this would require some retooling. --[[User:Brooke Vibber (WMF)|Brooke Vibber (WMF)]] ([[User talk:Brooke Vibber (WMF)|talk]]) 14:53, 21 July 2024 (UTC)

:Added the phab task [[User:Jon (WMF)|Jon (WMF)]] has been working on which would add a background colour to images in dark mode to catch these black lines on a black background bugs. [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 18:00, 22 July 2024 (UTC)

{{Tracked|T370074}}

== 🐛 [https://en.wikipedia.org/wiki/2024_Formula_One_World_Championship 2024 Formula One World Championship] dark mode error ==


'''Issue Description'''
The overall points in the championship table for drivers and teams is coloured black on a black background and as a result it is unreadable

Tracked in [[w:Template_talk:F1_Drivers_Standings|F1_Drivers_Standings]]
--[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:54, 22 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Wikipedia:Wikipedia_Signpost/2024-07-04/In_focus Wikipedia Signpost/2024-07-04/In focus] dark mode error ==


'''Issue Description'''
On the title "The sign Post" the text gets highlighted as grey. Also the text "With this adminbot script, a user can be blocked for vandalism, spam, inappropriate or promotional username. If the script is used by admin, he could block user, hide his contribs and delete pages, created by him, with a single click. Non-admin can also cancel a block imposed by him."
is hard to read, since it's grey on black.

== 🐛 [https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical) Village pump (technical)] dark mode error ==


'''Issue Description'''
In dark mode, at {{tl|Soulfly}}, the actual link for [[Soulfly]] is an extremely dark grey that is difficult to see on a black background. Also, when editing, anything that is NOT a link is grey text on a white background. It was not this way before. Does anyone know how to fix this? --[[User:Jax 0677|Jax 0677]] ([[User talk:Jax 0677|talk]]) 21:36, 21 July 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Hunter_Line Hunter Line] dark mode error ==


'''Issue Description'''
The box below intercity stations is still in light mode

==📢[https://en.wikipedia.org/wiki/Wikipedia:Sockpuppet_investigations Sockpuppet investigations] dark mode error ==


'''Issue Description'''
The "How to open an investigation:" and the box when you open the section is still in light mode

: feedback for [[en:Template:SPI navigation]] [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:45, 22 July 2024 (UTC)

== 🐛 Report from [[User:Glutnix]] ==
{{Tracked|T366380}}
'''Issue Description'''

Dark mode appearance settings from Wikipedia are ignored on https://en.wikipedia.org/wiki/Portal:Current_events, which is linked from the main sidebar on Wikipedia.

== ✅ [https://en.wikipedia.org/wiki/Cross-entropy Cross-entropy] dark mode error ==


'''Issue Description'''
It appears that the display of mathematical expressions such as those in the boxes marked eq 1 and eq 2 are not displayed in dark mode: https://en.wikipedia.org/wiki/Cross-entropy

== 🐛 [https://en.wikipedia.org/wiki/Dirac_equation Dirac equation] dark mode error ==


'''Issue Description'''
The boxed Dirac Equation in section "Covariant form and relativistic invariance" is not properly displayed in dark mode, probably because the box background and equation text are both white.

Tracking on [[w:Template_talk: Equation_box_1|Equation_box_1 ]] --[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:34, 22 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/2024_Formula_One_World_Championship 2024 Formula One World Championship] dark mode error ==


'''Issue Description'''
Black numbers and text on dark grey background in the "points" columns of the charts which show the standings for the drivers and constructor's championships. Low contrast, poor readability.

Reported bug on template talk page [[w:Template_talk:F1_Drivers_Standings#Dark_mode_error:_points_column_numbers_not_visible|F1_Drivers_Standings]] --[[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:33, 22 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/2024_United_States_presidential_election 2024 United States presidential election] dark mode error ==


'''Issue Description'''
Dark mode works, but the text remains black, making it impossible to read. This is site-wide for me

[[File:2024 United States presidential election - Screenshot.png|400px]]

-- [https://en.wikipedia.org/wiki/User:TattooedLeprechaun Wikipedia:TattooedLeprechaun] ([https://en.wikipedia.org/wiki/User_talk:TattooedLeprechaun talk]) 13:47, 22 July 2024 (UTC+1/IST)

: I can't reproduce this. Is it possible that you have local CSS enabled for your profile or a gadget enabled that could be creating the issue? - [[User:JScherer-WMF |JScherer-WMF]]
:: ping {{re|TattooedLeprechaun}} --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:01, 22 July 2024 (UTC)
:: {{re|JScherer-WMF}} Furthermore, you can type four tildes (<code><nowiki>~~~~</nowiki></code>) to add the [[:en:WP:Signatures|signatures]]. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:01, 22 July 2024 (UTC)
:::Thanks! [[User:JScherer-WMF|JScherer-WMF]] ([[User talk:JScherer-WMF|talk]]) 17:32, 22 July 2024 (UTC)
::::I think it was just a glitch with Dark mode. It seems to have fixed itself now. {{re|JScherer-WMF}} Apologies. [[User:TattooedLeprechaun|TattooedLeprechaun]] ([[User talk:TattooedLeprechaun|talk]]) 12:42, 20 August 2024 (UTC)

==🐛 Suggested edit popup dark mode error ==
{{Tracked|T369588}}

'''Issue Description'''
Suggested edits pop-up is not dark mode compatible. Pop up appeared after I made an edit.
[[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 17:38, 22 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Help:Cheatsheet Cheatsheet] dark mode error ==


'''Issue Description'''
https://en.wikipedia.org/wiki/Help:Cheatsheet
The entire chart of this article is a flash-bang in the darkness of dark mode.

== ✅ [https://en.wikipedia.org/wiki/List_of_flagpoles_by_height List of flagpoles by height] dark mode error ==


'''Issue Description'''

The second item on this list "Saint Petersburg Flagpoles" is rendered in black on black, making it completely invisible. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 02:19, 23 July 2024 (UTC)

== 🐛[[w:en:File:The alleged photo trump fist etc.png]] dark mode error ==
This is presumably not exclusive to that file, but text on the right in [[w:en:Template:Information]] and the preamble in [[w:en:Template:Self]] is not readable at all due to its very light color. [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 02:48, 23 July 2024 (UTC)

== ❓[https://en.wikipedia.org/w/index.php?search=61ST+TV&title=Special:Search&profile=advanced&fulltext=1&ns0=1 Search] dark mode error ==


'''Issue Description'''
In search results, the snippets of article text are rendered as white text on a white background.
: {{re|Quick and Dirty User Account}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:56, 24 July 2024 (UTC)

:Thanks for looking into this. I don’t know that I really can describe the issue better in words, but hopefully [https://ibb.co/Ytkj9XT this screenshot] will be worth a thousand of them. Please note that the issue occurs in Firefox. I now have loaded the same search results page in Chrome and Edge, and the background in question renders as black instead of white in those browsers, so the problem may be exclusive to Firefox. I admit that I sorely need to update the version of Firefox that I am using (107.0); therefore, it’s possible that the issue is attributable to that.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 05:06, 24 July 2024 (UTC)
::@[[User:Quick and Dirty User Account|Quick and Dirty User Account]] Thanks for your reply. I'm using the latest version of Firefox and I don't have this problem. So maybe you update your Firefox to the latest version? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 12:02, 24 July 2024 (UTC)
:::{{Re|SCP-2000}} Indeed. I did finally update Firefox today to the current version (128.0.2). However, I am still having the search results issue. While the page is loading, those article snippets do briefly appear as white text on a black background, but the background changes to, and then remains, white. Thanks . . . [[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 02:37, 25 July 2024 (UTC)
::::It looks like you have a gadget enabled. I see an "English Wikipedia" dropdown by the search button which is not there by default. Any idea what gadget that is? Maybe https://en.wikipedia.org/wiki/MediaWiki:Gadget-PrettyLog.css ? [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 03:12, 25 July 2024 (UTC)
::::@[[User:Quick and Dirty User Account|Quick and Dirty User Account]]: Have you tried to using [https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history Firefox's private window] and [https://support.mozilla.org/en-US/kb/diagnose-firefox-issues-using-troubleshoot-mode?redirectslug=troubleshoot-firefox-issues-using-safe-mode safemode]? It seems to be a problem with your custom css/js, gadget or Firefox settings/extension. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 03:14, 25 July 2024 (UTC)
:::::Thank you for your suggestions. {{Reply to|Jdlrobson|p=,}} I identified the gadget you mentioned; its function is listed as “Add a selector to the Wikipedia search page allowing the use of external search engines”. However, disabling it did not resolve the issue. {{Reply to|SCP-2000|p=,}} neither using a private window nor running Firefox in Troubleshoot Mode (formerly Safe Mode) fixed the problem either. I also tried changing the website appearance setting in Firefox from automatic to dark; switching the preferred language for displaying pages to different dialects of English; and disabling the extensions and restoring the default theme manually. Additionally, I tried disabling some of the Wikipedia gadgets individually. Nothing changed in regard to the issue.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 10:04, 26 July 2024 (UTC)
::::::Update: the backgrounds still come up as white, but the text is now black, so the article snippets are entirely legible. Not sure whether the change was on my end or at the source, but thank you again, {{Reply to|SCP-2000|p=}} and {{Reply to|Jdlrobson|p=}}.—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 08:43, 27 July 2024 (UTC)
:::::::It is [[:en:MediaWiki:Gadget-PrettyLog]]. Please disable it if you want to remove the highlight. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:56, 27 July 2024 (UTC)
::::::::Ah, you are correct, {{Reply to|Jdlrobson|p=}}. PrettyLog doesn’t seem to do what it’s meant to anyway (and its help page is marked as inactive). Thank you!—[[User:Quick and Dirty User Account|Quick and Dirty User Account]] ([[User talk:Quick and Dirty User Account|talk]]) 21:41, 27 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/2024_CrowdStrike_incident 2024 CrowdStrike incident] dark mode error ==


'''Issue Description'''
The blue hyperlinks are too dark to be read easily on the dark background. It seems obvious, but the hyperlinks should be changed into a lighter shade of blue to compensate. (Article I happened to be reading was https://en.wikipedia.org/wiki/2024_CrowdStrike_incident) - [[User:Jetro|Jetro]] ([[User talk:Jetro|talk]]) 06:59, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/Template:Bar_chart Bar chart] dark mode error ==


'''Issue Description'''
Chart does not appear in dark mode. White text on a white background. See [[w:September_11_attacks#FBI|September 11th Attacks]]. Added comment to talk page--[[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 15:52, 23 July 2024 (UTC)

:This should now be fixed, [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 20:38, 25 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Java_version_history Java version history] dark mode error ==


'''Issue Description'''
This page includes a table of software releases. The first column contains colored boxes (e.g. red for unsupported) and text for the version. On light mode, the text within is black and is quite readable. On dark mode, the text is a light gray and nearly impossible to read, especially in the yellow and green colored boxes. If it could be modified so that it's still readable on dark mode, that would be appreciated.

Also, the last column has several boxes with a `—` in them, which are colored light gray. This looks fine on light mode, but on dark mode it comes across as several cells that are stuck on light mode. Not sure what the solution is to this; maybe just getting rid of the light gray background entirely? –[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:25, 23 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/C++ C ] dark mode error ==


'''Issue Description'''
Inline code and code blocks are rendered in light mode, while the rest of the article is in dark mode. The section "Lambda expressions" shows both. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:30, 23 July 2024 (UTC)

:I've run into this issue on most pages that display code. Elm (Programming Language) being one example. [[User:IntangibleMatter|IntangibleMatter]] ([[User talk:IntangibleMatter|talk]]) 00:13, 31 July 2024 (UTC)
:Could it be possible for the editors to get the mode of the code block, or the coloring they prefer? [[User:Eason Y. Lu|Eason Y. Lu]] ([[User talk:Eason Y. Lu|talk]]) 22:13, 19 August 2024 (UTC)

== 🐛"Report an issue with dark mode" doesn't generate the correct title for articles with non-letters ==


'''Issue Description'''
If the article title has non-letters in it, the "Report an issue with dark mode" doesn't generate a report with the correct title. Reproduction steps:

1. Go to https://en.wikipedia.org/wiki/C++
** If it matters, I'm doing this on my Safari web browser on macOS 14.5, which displays the URL in the address bar as https://en.wikipedia.org/wiki/C%2B%2B
2. Click the "Report an issue with dark mode" link on the article's sidebar, near the light/dark mode settings

3. Observe that the report title is <code><nowiki>[https://en.wikipedia.org/wiki/C++ C ] dark mode error</nowiki></code>, which replaces the <code>++</code> with two spaces.

In this particular case, it was confusing because there is also a thing called "C" that is related, but distinct from "C++". -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:41, 23 July 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Empire_of_the_Sultans Empire of the Sultans] dark mode error ==


'''Issue Description'''
On today's featured article, the end of the article after "External Links" is a box of article links with the title "Nasser David Khalili". The title is nearly illegible in dark mode, appearing as dark brown text. —[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:46, 23 July 2024 (UTC)

:This is being discussed in https://en.m.wikipedia.org/wiki/Template_talk:Navbox#c-Jonesey95-20240723180300-Jdlrobson-20240723175900 [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 22:20, 23 July 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/2024_North_Carolina_Tar_Heels_football_team 2024 North Carolina Tar Heels football team] dark mode error ==


'''Issue Description'''
As I was browsing the schedule section, I found that the dates and kickoff times remained black. I also found that hyperlinks remained a dark purple colour.

If these fonts could be changed to a lighter color, such as white, it would make dark mode a much better experience.
: Issue in [[en:Template:CFB_schedule|this template]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 16:16, 24 July 2024 (UTC)

:Reported https://en.wikipedia.org/wiki/Template_talk:CFB_schedule#Dark_mode_support [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 19:04, 24 July 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Help:Menu Help:Menu] dark mode error ==


'''Issue Description'''
The text field and button are in dark mode, along with the "Tip of the day" section, but everything else in light mode. –[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 18:56, 23 July 2024 (UTC)

== ✅️[https://en.wikipedia.org/wiki/File:Translation_to_english_arrow.svg Translation to english arrow.svg] dark mode error ==


'''Issue Description''' This file contains a symbol, an arrow, and the letter A. The symbol and letter A are a dark gray, which are difficult to read on dark mode.

This file is used on [https://linkcount.toolforge.org/?project=en.wikipedia.org&page=File%3ATranslation+to+english+arrow.svg 85,716 articles], mostly via the [https://en.wikipedia.org/wiki/Template:Expand_language Template:Expand language] family of templates. For example [https://en.wikipedia.org/wiki/Nguyễn_Phú_Tr%E1%BB%8Dng Nguyễn Phú Trọng] (a recent "In the news" article) has it. Improving the legibility of this file will consequently improve the legibility of the tens of thousands of articles that contain this image. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 19:08, 23 July 2024 (UTC)

==✅️[[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] dark mode error==
'''Issue Description:'''

In this page [[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] on the Table for Lichtman's prediction record, the sections with the text that Leans True/False are black in dark mode, thus rendering the text invisible unhighlighted. {{unsigned|Ainny27}}

==📢 Report by [[User:Hypersilly]] ==
'''Issue Description'''

On dark mode, tables or whatever you call them are still white when in dark mode.

For example, on https://en.wikipedia.org/wiki/List_of_chemical_compounds_with_unusual_names#Compounds, the table is white on both light and dark mode.

== ✅️Report by [[User:Ainny27]] ==
'''Issue Description:'''

In this page [[:en:The_Keys_to_the_White_House|The Keys to the White House - Wikipedia]] on the Table for Lichtman's prediction record, the sections with the text that Leans True/False are black in dark mode, thus rendering the text invisible unhighlighted.

== ✅[https://en.wikipedia.org/wiki/Wizardry Wizardry] dark mode error ==


'''Issue Description'''

For the big table in the [https://en.wikipedia.org/wiki/Wizardry#Games Games] section of the Wikipedia article on the [https://en.wikipedia.org/wiki/Wizardry Wizardy] video-game series, the majority of the text in that table was the exact same colour as the table's background, and thus completely invisible.

== 📢[https://en.wikipedia.org/wiki/Template:Endorsements_box Template:Endorsements box] dark mode error ==


'''Issue Description'''
[[:en:Template:Endorsements box]] does not change when dark mode is enabled (still has white background with black text). This can be seen in the template documentation, see [[:en:2024 Portland, Oregon mayoral election#Endorsements|here]] for an example in a page.

== 📢[https://en.wikipedia.org/wiki/Talk:1912_suspension_of_Ty_Cobb Talk:1912 suspension of Ty Cobb] dark mode error ==


'''Issue Description'''
Talk pages such as this one (chosen because it's a recent featured article) have a <code>[reply]</code> link after each section. That link is dark blue, which is difficult to see in dark mode. I don't see any reason why it needs to be a different color than the <code>[edit]</code> or <code>[subscribe]</code> links. -[[User:Thunderforge|Thunderforge]] ([[User talk:Thunderforge|talk]]) 05:07, 25 July 2024 (UTC)

== ❓[https://en.wikipedia.org/wiki/Rhenium Rhenium] dark mode error ==

'''Issue Description'''

== ❓[https://en.wikipedia.org/wiki/Beauty_&_the_Beast_(2012_TV_series) Beauty ==

'''Issue Description'''
: {{re|Stam098c}} Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 04:12, 27 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/2019_Bougainvillean_independence_referendum 2019 Bougainvillean independence referendum] dark mode error ==


'''Issue Description'''
Under the Results section, in the table, the text on rows 5-6 column 1 ("Valid votes" and "Invalid/blank votes") look invisible because the text color is the same as the background color. The only way to read it is by selecting the text.<blockquote>Issue with [[:en:Module:Election_results]] not adhering to [[Special:LintErrors/night-mode-unaware-background-color]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 18:59, 26 July 2024 (UTC)</blockquote>

== ✅ [https://en.wikipedia.org/wiki/Algebra Algebra] dark mode error ==


'''Images with transparent backgrounds may become illegible'''

An example of this in action is in the English page on Algebra https://en.wikipedia.org/wiki/Algebra where the images in the upper right box have formulas with black text, which becomes illegible on a dark background.

== ✅️[https://en.wikipedia.org/wiki/Exact_trigonometric_values Exact trigonometric values] dark mode error ==


'''Issue Description'''
Dear Wikipedia Team,
I am writing to bring your attention to an accessibility issue I noticed in the trigonometry diagram on the page "Exact trigonometric values" (https://en.wikipedia.org/wiki/Exact_trigonometric_values).
The current dark mode version of the diagram has poor visibility of the x and y axis arrows. The black arrows are nearly invisible against the dark background, which significantly reduces the diagram's clarity and usefulness for users viewing the page in dark mode.
To address this issue, I suggest:

Changing the color of the axis arrows in the dark mode version to a light color (e.g., white or light gray) to ensure proper contrast.
Reviewing other diagrams on the site to ensure they are equally legible in both light and dark modes.

This change would greatly improve the accessibility and readability of the content for all users, particularly those who rely on or prefer dark mode.
Thank you for your attention to this matter. Wikipedia's commitment to open knowledge is commendable, and addressing this issue will further enhance the user experience for your global audience.
[[File:Dark Mode Error.jpg|none|alt=The issue you're facing with the dark mode version of the trigonometry diagram is that the black arrows representing the x and y axes are not visible against the dark background.|The issue you're facing with the dark mode version of the trigonometry diagram is that the black arrows representing the x and y axes are not visible against the dark background.]]

==✅️ Report by [[User:Aayush jadhav007]] ==
'''Issue Description''': The transparent images aren't visible appropriately due to dark mode.
: {{re|Aayush jadhav007}} Hello, could you please explain the issue you are facing in detail (e.g. which page) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:56, 27 July 2024 (UTC)

:I encountered on this wiki page about diols(in organic chemistry) [https://en.wikipedia.org/wiki/Diol] in dark mode.
:The screenshot of the issue [https://ibb.co/tHYf1vD]. I do understand it's because of transparent background and black color of text, but it is pretty inconvenient. [[User:Aayush jadhav007|Aayush jadhav007]] ([[User talk:Aayush jadhav007|talk]]) 17:31, 27 July 2024 (UTC)

== ✅️ [https://en.wikipedia.org/wiki/Talk:2020_United_States_presidential_election Talk:2020 United States presidential election] dark mode error ==


'''Issue Description'''

# Under "Other talk page banners", click "Show"
# Under "Consensuses on pre-election presentation of candidates", click "Show"

The entire template that is revealed is illegible due to appearing as black text on a dark brown background.

== ✅️[https://en.wikipedia.org/wiki/2020_United_States_presidential_election 2020 United States presidential election] dark mode error ==


'''Issue Description''' The "Close states" section of the article has legibility problems. The dark red lines are odd but readable, while the dark blue lines are completely unreadable. Similarly, the "County statistics" section following it has problems with the dark blue percentages.

== 📢[https://en.wikipedia.org/wiki/Freshwater_snail Freshwater snail] dark mode error ==


'''Issue Description'''
(1)
i have an issue with link color
seems to dark against black back ground
and hard tell apart visited links

(2)
when in bright light as outdoor, reflections on the screen are more notissable

== [https://en.wikipedia.org/wiki/Wikipedia:Articles_for_deletion/Nonperson Articles for deletion/Nonperson] dark mode error ==


'''Issue Description'''
The box has a white background with black text, defeating the purpose of dark mode. This applies to all closed AfDs (eg https://en.wikipedia.org/wiki/Wikipedia:Articles_for_deletion/Log/2024_July_14) and many tables and templates. [[User:Helpful Cat|Helpful Cat]] ([[User talk:Helpful Cat|talk]]) 08:35, 28 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:AbuseFilter/examine/log/38326790 Special:AbuseFilter/examine/log/38326790] dark mode error ==


'''Issue Description'''
The table shown has light grey text on a white background, making it completely unreadable. [[User:Rummskartoffel|Rummskartoffel]] ([[User talk:Rummskartoffel|talk]]) 08:45, 28 July 2024 (UTC)

== ❓general dark mode error ==


'''Issue Description'''
This happens on all pages, but it seems even pages that don’t exist show as blue.
I think it’s a general dark mode error.

== 📢[https://en.wikipedia.org/wiki/Love_on_Top_of_Love Love on Top of Love] dark mode error ==
{{Tracked|T365311}}
'''Issue Description'''
The shade of blue used to differentiate links when syntax highlighting is enabled in the source editor is an awful choice which makes it nigh impossible to make out what is written — there is far too little contrast between it and the color of the background, they blend together. In the article I'm reporting from, this can be seen anywhere & everywhere links appear (for example: the infobox), and is an issue not just here, but on every page.<blockquote>Known issue. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 05:00, 29 July 2024 (UTC)</blockquote>

== 📢[[:en:Imperial_Chemical_Industries|Imperial Chemical Industries]] dark mode error ==


'''U4C banner is not dark mode aware'''

The U4C election banner on Wikipedia is not dark mode aware, and uses hard coded white background with black text.
This occurs on any page, even the [https://en.wikipedia.org/wiki/Main_Page homepage].
--[[User:Deanna Earley|Deanna Earley]] ([[User talk:Deanna Earley|talk]]) 22:32, 28 July 2024 (UTC)<blockquote>Banners are intentionally light themed only right now per [[phab:T365324#9818110]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 05:00, 29 July 2024 (UTC)</blockquote>

== ❓[[:en:Special:Watchlist|Watchlist]] dark mode error ==
'''Issue Description'''
When editing source code for any article, the background is white and the article text color is so light that it is unreadable. This makes source code editing very inconvenient and pretty much impossible. [[User:Ltwin|Ltwin]] ([[User talk:Ltwin|talk]]) 02:58, 29 July 2024 (UTC)

:@[[User:Ltwin|Ltwin]]: Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? If you are logged out, do you face to the same issue? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 14:00, 29 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Northeast_blackout_of_1965 Northeast blackout of 1965] dark mode error ==


'''Issue Description'''
Wikipedia's dark mode makes all unhighlighted parts of the map at the top of the page appear in a washed-out gray color. It is hard to distinguish North America from the oceans and the state/province borders are not clear. However, the Dark Reader extension produces a much more readable map when activated.

== 🐛[https://en.wikipedia.org/wiki/Wikipedia:Articles_for_creation/Categories Articles for creation/Categories] dark mode error ==

{{Tracked|T369391}}

'''Issue Description'''
Highlighted text is illegible, FlaggedRevs related issue. History page.

== 📢[https://en.wikipedia.org/wiki/Thermoelectric_effect Thermoelectric effect] dark mode error ==


'''Issue Description'''
Dark mode contrast is too high. Even though the background is not pure black, the #101418 color is too dark on LCD screens with good backlight "bleed" control or OLED panels. The eye discomfort due to high contrast is less intense on poor quality LCD displays because the backlight makes the background less dark.
Also dimming the text color a bit could help.

== ✅Report by [[User:Robbert o biond]] ==
'''Issue Description'''
While consulting the webside in dark mode, both from mobile application and via desktop (browser), content as images (especially symbols or latex diagrams, loaded as images) blend into background. An example is the page https://en.wikipedia.org/wiki/Pullback_(category_theory). Maybe a forst solution would be adding a white background to prevent such contents to show up messy or unreadable.

== ❓Report by [[User:MarsatzBrand142]] ==
'''Issue Description'''
Some of the lines in the templates are white and others are not.
: {{re|MarsatzBrand142}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 14:10, 29 July 2024 (UTC)

== 📢Report by [[User:Woodge200000]] ==
'''Issue Description'''
enabling dark mode does not make any wikipedia page dark except for the "preferences" page. after opening an article, there is a split-second where it is dark and then it immediately defaults back to a blinding white.<blockquote>You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 02:07, 30 July 2024 (UTC)</blockquote>
: cc [[User:Woodge200000]]. You may see above comment. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:44, 8 August 2024 (UTC)

== 📢[[:en:Main_Page|Main Page]] dark mode error ==


'''Issue Description'''
<s>I'm on the main page, and there is a link which I've visited before (in this case, it is World War 1)
When the link I've visited is highlighted in the dark blue (as opposed to the light blue for unvisited links), the lack of contrast with the background makes it hard to read.</s> (disregard - I had a custom CSS style applied that was causing this!)

== 📢[https://en.wikipedia.org/wiki/Withdrawal_of_Joe_Biden_from_the_2024_United_States_presidential_election Withdrawal of Joe Biden from the 2024 United States presidential election] dark mode error ==


'''Issue Description'''
The colors for clicked hyperlinks for all articles could be improved. The purple could be brighter, or at least lighter.

== 📢[https://en.wikipedia.org/wiki/Second_Industrial_Revolution Second Industrial Revolution] dark mode error ==


'''Issue Description'''
The chronology section on the Second Industrial Revolution page is still a block of white with blue links. Unknown if this is applicable on other pages
Ref: https://en.wikipedia.org/wiki/Second_Industrial_Revolution

== 📢[https://en.wikipedia.org/wiki/Template_talk:Table_cell_templates Table cell templates] dark mode error ==


'''Issue with Not Yet template'''
When using Dark Mode, the Not Yet template retains its light color.
The N/a template, however, changes color to match the mode.
If this is the wrong location, please let me know.[[User:Redacted II|Redacted II]] ([[User talk:Redacted II|talk]]) 01:44, 30 July 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Glyphosate Glyphosate] dark mode error ==


'''Issue Description'''
Problem is, that all organic structures are pngs with black molecules on them, therefore dark mode is unusuable for the whole organic chemistry part.

== 📢[https://en.wikipedia.org/wiki/List_of_Pokémon List of Pokémon] dark mode error ==


'''Issue Description'''
Dark theme isn't staying enabled, as soon as I reload the page or enter a new one, it just automatically switches back to light theme.

:You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 21:51, 30 July 2024 (UTC)

== [https://en.wikipedia.org/wiki/Goo_Hara Goo Hara] dark mode error ==


'''Issue Description'''
The banner that displays when you use a VPN and try to edit a page with it (This IP address has been blocked from editing Wikipedia.) is completelly off. All yellow and text unredable.

== ✅[https://en.wikipedia.org/wiki/List_of_highest-grossing_media_franchises List of highest-grossing media franchises] dark mode error ==


'''Issue Description'''
The List present in the article has its text staying in the same color in dark mode and light mode, making it dificult to read in the former.

== 📢[https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Everywhere it makes it so laggy to scroll the website, I'm not sure why but I regularly encounter an input delay of 1-2 seconds scrolling through a page. No individual page, this happens everywhere<blockquote>You have the gadget enabled. Please disable the gadget per [[Reading/Web/Accessibility for reading/Frequently asked questions#I am experiencing a flash of styles on every page - how do I disable the gadget?|these instructions]]. [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 11:36, 12 August 2024 (UTC)</blockquote>

== [https://en.wikipedia.org/wiki/LMS_Coronation_Class LMS Coronation Class] dark mode error ==


'''Issue Description'''
Trying to edit using the source editor - the source editor is still shown in light mode instead of dark mode.

== [https://en.wikipedia.org/wiki/Sequent_calculus Sequent calculus] dark mode error ==


'''Issue Description'''
Section: Reduction Trees
https://en.wikipedia.org/w/index.php?title=Sequent_calculus&wvprov=sticky-header#Reduction_trees

The table with left/right math formulae is white on white, making it unreadable. My math display style preference is SVG.

== [https://en.wikipedia.org/wiki/Basketball_at_the_2024_Summer_Olympics_–_Women's_tournament Basketball at the 2024 Summer Olympics – Women's tournament] dark mode error ==


'''Issue Description'''
Could not read the dark text in the tables on this page.

== [https://en.wikipedia.org/wiki/Template:Dot_chart Dot chart] dark mode error ==


'''Issue Description'''
Regarding, [[:en:Template:Dot chart]]: the template's text is unreadable in dark mode. This is visible on the /doc page. The template is not used in any articles currently. [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 23:17, 31 July 2024 (UTC)

:It's fixed, [[User:Rjjiii|Rjjiii]] ([[User talk:Rjjiii|talk]]) 00:08, 2 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Labour_movement Labour movement] dark mode error ==


'''Issue Description'''
[[Talk:Reading/Web/Desktop_Improvements#CSS_issue_with_category_infoboxes|Originally reported]] by [[User:Etothepi16]]. The color of the infobox title "Part of a series on" is black against a black background, but other links are perfectly readable. [[:File:Vector_CSS_issue.png|See also the screenshot]]. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 04:37, 1 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Javanese_script Javanese script] dark mode error ==


'''Sections: any table.
All Latin characters blend completely into the white background'''

== [https://en.wikipedia.org/wiki/Sulfur_trioxide Sulfur trioxide] dark mode error ==

'''Issue Description'''
There's an issue when displaying chemical articles in dark mode.

The main issues are with:
# NFPA coloring in the right sidebar (global issue)
# Structural formulas with transparent backgrounds at the top (*.png and the likes)

While the NFPA background may be forced to remain white within the diamond itself (e.g. via CSS), no ''quick'' fix comes to mind with the structure display.

== [https://en.wikipedia.org/wiki/Special:Search Search] dark mode error ==


'''Issue Description'''

Editing a page in dark mode, get an error message about taking too long, use a faster browser, and the screen changes to dark grey with light grey letters... Almost unreadable... and not usable. [[User:Quebec99|Quebec99]] ([[User talk:Quebec99|talk]]) 12:46, 1 August 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/K K] dark mode error ==


'''Issue Description'''
The links in the History table are black.

== [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Military_history WikiProject Military history] dark mode error ==


'''Issue Description'''
Black text on page does not invert when in dark mode. Almost impossible to read.

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''

the message:

Wikipedia is built by people like you working together.

Your edits help improve Wikipedia and further the mission to share free knowledge with the world. Continue to start with small suggested edits.

uses dark text and its verry hard to read, it should be white text. this happens [https://en.wikipedia.org/w/index.php?title=Special:Homepage&source=personaltoolslink&namespace=3 on my home page]

== [https://en.wikipedia.org/wiki/Wikipedia:Reference_desk Reference desk] dark mode error ==


'''Issue Description'''
The Reference desk page has its primary button section is in bright white while using, at least for the Vector 2022 layout under darkmode.

== ✅[https://en.wikipedia.org/wiki/Hindi Hindi] dark mode error ==


'''Issue Description'''
Black SVG image in the infobox and similar images below are not visible in dark mode [[User:Kabelsalat22|Kabelsalat22]] ([[User talk:Kabelsalat22|talk]]) 17:36, 2 August 2024 (UTC)

== "This article is part of a series about" switches text color and isn't accessible ==

On [https://en.wikipedia.org/wiki/Emmanuel_Macron en.wikipedia:Emmanuel_Macron] the "This article is part of a series about" text switches from white to a more black text, with the background not changing color since it's likely derived from a color for his political party or some specific color for French politics. "This article is part of a series about" is then not readable, but "Emmanuel Macron" is readable for both light and dark mode as it's white over the same dark blue background for both.

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Arbitration_Committee/Procedures Arbitration Committee/Procedures] dark mode error ==
(No summary. Probably "List of contentious topics") [[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]]) 11:36, 12 August 2024 (UTC)

:Template is [[w:Template:Contentious topics/table]] [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 11:30, 17 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Table_of_Indexing_Chinese_Character_Components Table of Indexing Chinese Character Components] dark mode error ==

In the source editor, when syntax highlighting is enabled and the choice of colors is "Automatic" but ends up being dark, the unhighlighted parts of the text that ought to have the default color stay illegibly dark on black background instead of turning light. At least in Firefox. The problem doesn't manifest when the "Dark" option is explicitly selected in the appearance menu. [[User:MwGamera|MwGamera]] ([[User talk:MwGamera|talk]]) 21:23, 3 August 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
There are articles that use transparent images where the only color is black, obviously making it difficult to read. One of the articles is [[List of musical symbols]].

== Suggested Edit modal highlights are unreadable ==

'''Issue Description'''
After going to any suggested edit, the side-modal with quick start tips shows "Reaching Mercury from Earthh poses significant technical challenges.", with the typo highlighted with a red background.

However in Darkmode, it's completely blacked out.

Using the default skin (Vector 2022).

[[User:OneShot-Niko|OneShot-Niko]] ([[User talk:OneShot-Niko|talk]]) 17:29, 4 August 2024 (UTC)

== 📢dark mode error ==
'''Issue Description'''
Too high contrast in dark mode, it's difficult to read

a little lighter background would help a lot
{{unsigned|Mightypork}}

== ✅️[https://en.wikipedia.org/wiki/Alice_of_Champagne Alice of Champagne] dark mode error ==


'''Issue Description''' Under the "Childhood" section is a genealogy tree. It has a header "Genealogy of the ruling houses of Jerusalem and Champagne", which is dark gray and thus is illegible in dark mode. This is today's feature article, so it is important to fix it.

== [https://en.wikipedia.org/wiki/2024_Summer_Olympics 2024 Summer Olympics] dark mode error ==


'''Issue Description''' In the infobox logo, the words "Paris 2024" are black on the dark gray background, which are difficult to read.

== [https://en.wikipedia.org/wiki/Template:Aya_Nakamura Aya Nakamura] dark mode error ==


'''Issue Description''' This template has a header "Aya Nakamura". It is dark gray, which is nearly impossible to read in dark mode.

== [https://en.wikipedia.org/wiki/Transition_metal Transition metal] dark mode error ==


'''Issue Description'''
dark mode needs to be more pastel, the used colors are too bright try to use the gray color for the background

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
Some text boxes such as the "Suggested Edits" page on my account homepage are showing with little to no contrast. This makes it near impossible to read.

== 🐛[https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==
{{Tracked|T372064}}
'''Issue Description'''
On the special logged in homepage the images for the most viewed edits are color inverted and appear demonic

== 🐛[https://en.wikipedia.org/wiki/SJ_AB SJ AB] dark mode error ==

{{Tracked|T372205}}

'''Issue Description'''
Links to non-existing articles are marked blue instead of red.

== [https://en.wikipedia.org/wiki/Safari_version_history: Safari version history:] dark mode error ==


'''Issue Description'''
Some links are illegible. (non existent article, issue relating to interface message.)

== [https://en.wikipedia.org/wiki/Existence Existence] dark mode error ==


'''Issue Description'''
I cannot see the existential quantifier on the home page on en.wikipedia.org on Aug 6th, 2024. The entry is "Existence". If I open the Existence entry through the link, I can correctly see the existential quantifier.

== Report by [[User:Billv22]] ==
'''Issue Description'''

It seems like on some articles, the "Part of a series on..." board can mix the color of the text with the dark mode, therefore making the text invisible unless I select it,

Unfortunately I can't upload a picture, but this happened on the wikipedia page for the chromosomes.

== ✅️Report by [[User:PitConclave]] ==
'''Issue Description'''

On https://en.wikipedia.org/wiki/Wikipedia:SVG_help, the background colour of the box is hard-coded to #F2E6FF, which causes the now-white headings like "General suggestions" to be very difficult to read.'

== ✅ [https://en.wikipedia.org/wiki/2024_NCAA_Division_I_men's_basketball_tournament 2024 NCAA Division I men's basketball tournament] dark mode error ==


'''Issue Description'''

Tournament Bracket section has white text on white background in the regional final template (black text in light mode)

== [https://en.wikipedia.org/wiki/Template:Sfn Sfn] dark mode error ==


'''Issue Description'''
{{sfn}} and {{harv}} renderings are not visible/blend in with dark background and can only be seen when highlighted by cursor. (see https://en.wikipedia.org/wiki/Template:Sfn#Usage)

== ✅️[https://en.wikipedia.org/wiki/Template:Tabletennisbox Tabletennisbox] dark mode error ==


'''Issue Description'''

The template is not legible in dark mode. This affects a huge amount of pages such as [https://en.wikipedia.org/wiki/Table_tennis_at_the_2024_Summer_Olympics_%E2%80%93_Men%27s_team Table tennis at the 2024 Summer Olympics – Men's team].

==✅ Report by [[User:JohanWikiPaul]] ==
'''Issue Description'''

The Math symbol is still dark colored in dark theme, which is more suitable in white or way lighter color rather than black text.'
: {{re|JohanWikiPaul}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks.--[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:45, 9 August 2024 (UTC)

:I was on Wikipedia homepage at the time, and there's a Math symbol as the thumbnail article preface and it was in dark text colored symbol. I forgot what the details and the URL, sorry about that.
:But now, when I read Math related article with Math symbol images in it, the dark theme is as expected. [[User:JohanWikiPaul|JohanWikiPaul]] ([[User talk:JohanWikiPaul|talk]]) 12:54, 15 August 2024 (UTC)
:: {{re|JohanWikiPaul}} Thanks for your reply. Feel free to file a new bug report if you see another issue. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:39, 15 August 2024 (UTC)

== 📢[https://en.wikipedia.org/wiki/Nikki_Bella Nikki Bella] dark mode error ==


'''Issue Description'''
The blue on links looks dimmed on black background. I think this "hue" of blue is for black text on white bg, and a cyan would work better for white text on black bg.

== ✅ [https://en.wikipedia.org/wiki/Talk:Iraq_War/GA1 Iraq War/GA1] dark mode error [non existent page] ==


'''Issue Description'''
[https://en.wikipedia.org/w/index.php?title=Talk:Iraq_War/GA1&action=edit&editintro=Template:GAN/editintro&preload=Template:GAN/preload editintro renders text in white, making it barely legible.

:The issue seems to be [[w:en:Template:GAN/editintro]], but that is displayed okay when looking at that template's page. Not sure why issues occur when it's as an edit notice. [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 22:05, 14 August 2024 (UTC)

== ✅️[https://en.wikipedia.org/wiki/Regular_graph#Special_cases Regular graph (section Special cases] dark mode difficulty ==
Dark mode makes the edges (i.e., connections between the nodes) more difficult (although not impossible) to see correctly.

== 🐛 [https://en.wikipedia.org/wiki/Crocuta Crocuta] dark mode error ==
{{tracked|T372205}}
 links to non-existent pages show the same colour as normal links within the infobox
'''Issue Description'''

== 🐛 Report by [[User:Psinclairshaw ]] ==
{{tracked|T369588#10004348}}
'''Issue Description'''
The dark mode colors make the lettering a very similar colour to the background colour, making it difficult to read.
I found this on the 'Try a suggested edit' bottom pop-up.

== ✅ArticleHistory template ==

[[w:en:Template:ArticleHistory]] has dark text on a "dirty" yellow background under the "Article milestones" mini-header. See [[w:en:Talk:Frank Sinatra]] for an example of the issue. Thanks, [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 23:47, 11 August 2024 (UTC)

:For clarity, the text is illegible (so not general feedback). [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 12:31, 12 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:DownloadAsPdf DownloadAsPdf] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/TCP_congestion_control TCP congestion control] dark mode error ==


'''I have tried the new Dark mode. It's in contrast with the bright text color (white) and hyperlink color(Blue). In my opinion it would be better to put a darkish gray or gray-brown color.'''

== [https://en.wikipedia.org/wiki/Dependency_hell Dependency hell] dark mode error ==


'''Issue Description'''
Preformatted code blocks still use the light mode color scheme.

== [https://en.wikipedia.org/wiki/Template:Nations_at_the_2016_Summer_Olympics Nations at the 2016 Summer Olympics] dark mode error ==


'''Issue Description'''
Black on black text in the template header.

== ✅ [https://en.wikipedia.org/wiki/Template:P-T_extinction_graphical_timeline P-T extinction graphical timeline] dark mode error ==


'''Issue Description'''
Black on black text

== ❓ [https://en.wikipedia.org/wiki/Mok Mok] dark mode error ==


'''Issue Description'''

== ✅ Template:Editnotices/Group/Wikipedia:Arbitration ==

[[w:en:Template:Editnotices/Group/Wikipedia:Arbitration]], acting as an edit notice on [[w:en:Wikipedia:Arbitration/Requests/Clarification and Amendment]], is pretty much illegible on dark mode. There's already some dark mode markup by [[User:Snowmanonahoe|Snowmanonahoe]], but it doesn't seems to be fully working. Thanks, [[User:Sdrqaz|Sdrqaz]] ([[User talk:Sdrqaz|talk]]) 01:56, 15 August 2024 (UTC)

== Template wizard dark mode error ==

This isn't specific to the page I was editing, but I'm unable to figure out how to report this issue otherwise on MediaWiki: The title bar for the template wizard (css class {{nowrap|<code>.ext-templatewizard-templatetitlebar</code>}}) is unreadable because:

* the text color is set via <code>load.php</code> to the <code>--color-base</code> variable, <code>#eaecf0</code>
* the background color is set inline, and to <code>#f8f9fa</code>.

I hope that's helpful enough!

[[User:Spida-tarbell|Spida-tarbell]] ([[User talk:Spida-tarbell|talk]]) 04:13, 15 August 2024 (UTC)

:{{ping|Spida-tarbell}} Could you give a screenshot of the issue (you can upload to imgur and send link)? [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 09:21, 26 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Southern_Poverty_Law_Center Southern Poverty Law Center] dark mode error ==


'''Issue Description'''

The SVG image with the SPLC logo at the top of the page has very low contrast (black on grey) in dark mode.

--[[User:Kulupona|Kulupona]] ([[User talk:Kulupona|talk]]) 14:23, 15 August 2024 (UTC)

== ❓ Report by [[User:Guilhfer]] ==
'''Issue Description'''

Tha main content is shown in light mode (white background and other elements), but the text has changed to adapt to a dark background, making it impossible to read unless the text is highlighted.
: {{re|Guilhfer}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 17:43, 15 August 2024 (UTC)

== 🐛[https://en.wikipedia.org/wiki/Brainfuck Brainfuck] dark mode error ==
{{Tracked|T365926}}

The syntaxhighlight extension always displays a code snippet in light mode regardless of what the user has selected.

== [https://en.wikipedia.org/wiki/Novitiate Novitiate] dark mode error ==


'''Issue Description'''
the link to Secular institution at the bottom of https://en.wikipedia.org/wiki/Novitiate has a white gradient

== 🐛 dark mode error ==
{{tracked|T370042}}

'''Issue Description'''

The background of unread notifications is too bright, making white text difficult to read.
Once the notification has been clicked, its background turns darker, making it readable.

== 🤖 ✅ [https://en.wikipedia.org/wiki/Special:mypage/common.js ToadetteEdit/common.js] dark mode error ==


'''Issue Description'''
When clicking "Manage user scripts", the content of the resulting box is almost illegible.

== ✅ [https://en.wikipedia.org/wiki/Template:Infobox_rail_service Infobox rail service] dark mode error ==

'''Issue Description'''

BSicon-based route diagram map has a white background despite having white text, making said text difficult to read.

== 🐛No dark mode on code snippet ==


'''Issue Description'''
Code snippet doesn't have an intended appearance when enabled.
If necessary, it should have an slightly gray color, and an thin white outline, if preferred.
{{tracked|T365926}}

==✅ [https://en.wikipedia.org/wiki/The_First_Law The First Law] dark mode error ==


'''Issue Description'''
On the English-language page for "The First Law" fantasy book series, the first table under the "Published works" section has dark gray text in dark mode, making most of the rows almost unreadable.

== 📢Issue of Readability of Hyperlinks in Dark Mode ==

The current dark blue color of hyperlinks in Dark Mode on both the Wikipedia website and mobile app is difficult to read. The issue is the low contrast between the dark hyperlink color and the dark background.

This issue affects all articles and wiki pages across the entire Wikipedia platform, making it a general usability and accessibility concern.

I suggest changing the hyperlink color in Dark Mode to a brighter, more readable color, such as yellow (#FFFF00), to improve readability and accessibility for users who prefer Dark Mode.

== 🐛 [https://en.wikipedia.org/wiki/Uno_(card_game) Uno (card game)] dark mode error ==
{{Tracked|T373164}}

'''Issue Description'''
The "latest accepted version" icons are black on a black background.

== ✅ [https://en.wikipedia.org/wiki/Nitrous_oxide Nitrous oxide] dark mode error ==


'''Issue Description'''
The links in the fire diamond are blue, causing one of them to blend in with the health part. --[[User:Antured|Antured]] ([[User talk:Antured|talk]]) 13:38, 22 August 2024 (UTC)

==❓ Report by [[User:Felipeduquedeparma]] ==

'''Issue Description'''
Names on location map displayed in black text over a black base, making them impossible to read without highlighting.
:{{re|Felipeduquedeparma}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 16:27, 22 August 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Gaussian_curvature Gaussian curvature] dark mode error ==


'''Issue Description'''
The text in the green bordered box stating the gauss-bonnet theorem remains black while in dark mode, making it almost impossible to read

==❓ Report by [[User:High.Mars]] ==
'''Issue Description'''

Image of the Greek alphabet on the table on the side (Δδ) does not show up well on dark mode'
: {{re|High.Mars}} Hello, could you please explain the issue you are facing in detail (e.g. which pages) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 09:20, 25 August 2024 (UTC)

== 🐛 [https://en.wikipedia.org/wiki/OCaml OCaml] dark mode error ==
{{Tracked|T365926}}

'''Issue Description'''
<syntaxhighlight> tags do not respect the background, as found [https://en.wikipedia.org/wiki/OCaml#Hello_World here].

==❓ [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Some letters on my homepage are not inverting. This mainly includes suggested articles page and its settings.'''
: {{re|TitanXprime}} Hello, could you please indicate which specific part of the suggested articles page and its settings has this issue, and provide a screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 01:45, 26 August 2024 (UTC)

==❓ [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Cannot read some texts.
: {{re|ZeetBaralWiki}} Hello, could you please explain the issue you are facing in detail (e.g. which pages or which part in the page) and provide the screenshot if possible (you may upload the screenshot to imgbb.com)? Thanks. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 08:15, 26 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/2024_Liberal_Democratic_Party_(Japan)_presidential_election 2024 Liberal Democratic Party (Japan) presidential election] dark mode error ==


If you have "automatic" set, the text in the editor is unreadable. The text is black on black.

== ✅ [https://en.wikipedia.org/wiki/Template:Talk_quote_block/testcases Talk quote block/testcases] dark mode error ==


'''Issue Description'''
As can be seen at [https://en.wikipedia.org/wiki/Template:Talk_quote_block/testcases#Archived Template:Talk quote block/testcases#Archived], when the Talk quote block template is embedded inside an <code><nowiki>{{</nowiki>Archive top}}</code>, the template's dark-mode TemplateStyles colors are inverted back to light mode. I attempted to apply the <code>mw-no-invert</code> class to the template's <code><nowiki><</nowiki>blockquote></code> element, but if I'm reading the CSS applied by enWiki correctly (wrapped for readability):
<syntaxhighlight lang="css">
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .skin-invert-image img,
html.skin-theme-clientpref-os .skin-invert,
html.skin-theme-clientpref-os .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),
html.skin-theme-clientpref-os .oo-ui-indicatorElement-indicator {
color-scheme: light;
filter: invert(1) hue-rotate(180deg);
}
}</syntaxhighlight>
...The <code>mw-no-invert</code> class will only disable the <code>invert</code> filter if the element in question has the <code>oo-ui-iconElement-icon</code> class, which the template's <code><nowiki><</nowiki>blockquote></code> obviously does not.

(That CSS is taken from my browser's inspector view, I'm not quite sure where it comes from on the Wikipedia side. It's not in [https://en.wikipedia.org/wiki/MediaWiki:Vector-2022.css Vector-2022.css].) [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 15:40, 26 August 2024 (UTC)

:This was [[w:Template_talk:Talk_quote_block#Dark_mode_issue|fixed with changes to the Archive top template]] . [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 19:09, 29 August 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
Upon account creation, the cached Appearance (Dark Mode/Light Mode) setting is ignored, and the setting can be configured for the newly created user account instead. For users with Dark Mode on, this resets the appearance to Light Mode until the user sets it to their preference again.

New users are prompted for a reason that they created their account. After creating a Wikipedia account, the user is directed to their newly created user homepage. This page has user-specific content but a constant URL: https://en.wikipedia.org/w/index.php?title=Special:Homepage

This page has a Suggested Edits section for new users. For users who selected the "fix a type or error" option on the previous prompt, a Suggested Edits window appears on this page. The text at the beginning of this section has a light blue background instead of white. This text does not invert to white with the rest of the text when Dark Mode is enabled.

(AKA: the first thing a user sees when they create an account is their Dark Mode setting is reset, and as soon as they turn Dark Mode back on, the first block of text on their new user page is unreadable - not ideal for new user experience.)

For reference, the text that does not invert with Dark Mode is:

"When you created your account, you said you wanted to fix a typo or error. Here, you can find suggestions of small edits to get started. If you would rather go straight to fixing a specific article, you can search for the article and click "Edit"."

Additional notes: I think it's related to this JavaScript file in the GitHub repo for MediaWiki, or something around it: https://github.com/wikimedia/mediawiki-extensions-GrowthExperiments/blob/master/modules/ext.growthExperiments.Homepage.SuggestedEdits/StartEditingDialog.js
: I filed the bug report regarding the Special:Homepage Suggested Edits section first [[phab:T373434]]. "the first thing a user sees when they create an account is their Dark Mode setting is reset, and as soon as they turn Dark Mode back on" seems to be the general feedback. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 12:51, 27 August 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Mongolian_script Mongolian script] dark mode error ==


'''Issue Description'''

Writing direction symbol in preamble, generated by <syntaxhighlight lang="wikitext">
{{TextDir|tb-lr|full}}
</syntaxhighlight>in wikitext.

== [https://en.wikipedia.org/wiki/Gerald_Ford Gerald Ford] dark mode error ==


'''Issue Description'''
In dark mode links are a dark blue - a similar blue (possibly the same) to the blue used for links in light mode. A dark blue link text color in dark mode does not have enough contrast against the black background and is a significantly different level of contrast from the white body text in dark mode, which visually breaks up articles into links and body text instead of them appearing relatively similar. The dark blue link color in dark mode works differently than how dark blue appears in light mode, where it has a similar level of contrast to the black text. In dark mode, a lighter blue link color would be easier to read by having more contrast with the black background and a level of contrast more similar to the white body text.

== ✅ [https://en.wikipedia.org/wiki/Maximum_entropy_probability_distribution Maximum entropy probability distribution] dark mode error ==


'''Issue Description'''
In the "Table of probability distributions and corresponding maximum entropy constraints" table under

https://en.wikipedia.org/wiki/Maximum_entropy_probability_distribution#Other_examples

the latex equations are unreadable because the table background is white and so is the text.

== [https://en.wikipedia.org/wiki/A_Coruña A Coruña] dark mode error ==


'''Issue Description'''

Name of the city is not displayed correctly in map sidebar of the article when dark mode is activated through Automatic color mode. When explicitly selecting Dark mode the came is displayed correctly with black font color in a transparent text color box. In Automatic dark mode the name is displayed with black font color in a black text color box.
{{Collapse top|screenshot}}
<gallery>
File:2024-08-29 11-36-53 585x1015 scrot.png|Everything normal on the map in the sidebar with Dark mode explicitely activated.
File:2024-08-29 11-37-07 596x1016 scrot.png|Everything normal in Light mode
File:2024-08-29 11-37-16 589x1015 scrot.png|When Dark mode is set automatically the text box of the city name is black and not transparent, making it impossible to read the name of the city. Note that the text box in the topmost map showing the copyright is also affected.]]
</gallery>
{{Collapse bottom}}

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Climbing WikiProject Climbing] dark mode error ==


'''Issue Description'''
Nearly-invisible, dark-gray-on-black text in dark mode. Caused by the <syntaxhighlight lang="html" inline>style="background: transparent;"</syntaxhighlight> used to style the unclosed table at the end of transcluded [[w:Wikipedia:WikiProject Climbing/tabsheader]]. This affects the body text immediately following on the transcluding project page. Removing the unnecessary <syntaxhighlight lang="html" inline>style="background: transparent;"</syntaxhighlight> makes all text visible. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 19:06, 29 August 2024 (UTC)
: I got the go-ahead to make the necessary table style fixes from a participant on the [[w:Wikipedia talk:Wikiproject Climbing|project talk page]], and did so. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 16:40, 22 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Washington_Metro Washington Metro] dark mode error ==


'''Issue Description'''
The "route diagram" in the infobox does not display correctly in dark mode. The background will be light with most of the elements in the diagram being dark which is the expected behavior. The problem is that most of the text on the diagram has a light font color which makes it almost completely invisible when dark mode is enabled. Additionally, all the links on the page use the lighter blue color which may be readable by some people (myself included), but it is certainly not WCAG compliant. This could potentially be a more widespread issue with [https://en.wikipedia.org/wiki/Template:Routemap Template:Routemap]

[[User:ElijahAppleUser|ElijahAppleUser]] ([[User talk:ElijahAppleUser|talk]]) 21:46, 30 August 2024 (UTC)

==📢 [https://en.wikipedia.org/wiki/Fore_people Fore people] dark mode error ==


'''Issue Description'''
"Automatic" setting displays Dark Mode no matter when it is selected
* It depend on the browser setting, so it is not a bug. [[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:57, 31 August 2024 (UTC)

== ✅ Dark mode issue in page [https://en.wikipedia.org/wiki/List_of_tlatoque_of_Tenochtitlan List of tlatoque of Tenochtitlan] ==
'''Issue Description'''
[https://en.wikipedia.org/wiki/List_of_tlatoque_of_Tenochtitlan#Cuauhtlatoque_(1525–1536) Some of the tables] don't get converted to dark mode, making them clash a lot. — Preceding [[Special:MyLanguage/Help:Signatures|unsigned]] comment added by [[User:Kharakhov|Kharakhov]] ([[User talk:Kharakhov|{{int:talkpagelinktext}}]] • [[Special:Contributions/Kharakhov|{{int:contribslink}}]]) 12:48, 1 September 2024‎ (UTC)
[[File:Screenshot of dark mode not working.png|thumb|Screenshot of the issue]]
:{{Ping|Kharakhov}} The table had a forced background color, so I removed it. --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 17:43, 1 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template:Immigration_to_Japan Immigration to Japan] dark mode error ==


'''Issue Description'''
The colour of the bars between the text in the table is inconsistently white or grey. [[User:Cepeli|Cepeli]] ([[User talk:Cepeli|talk]]) 20:49, 1 September 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Hentaigana Hentaigana] dark mode error ==


'''Issue Description'''
The hentaigana examples used in two places in the article are very difficult to see while using dark mode. They're transparent svg files, in dark mode they show up as black text on a dark grey background.
:Fixed with [https://en.wikipedia.org/w/index.php?title=Hentaigana&diff=1243966544&oldid=1241833025 this change] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:31, 4 September 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Bagua Bagua] dark mode error ==


'''Issue Description'''

In the "Bagua" article, the following quote is rendered as dark text on a dark background:

Legge's translation:
[I]n (the system of) the Yi there is the Grand Terminus,
which produced the two elementary Forms.
Those two Forms produced the Four emblematic Symbols,
which again produced the eight Trigrams.

Adler's translation:
In Change there is the Supreme Polarity,
which generates the Two Modes (兩儀; liangyi).
The Two Modes generate the Four Images (sixiang),
and the Four Images generate the Eight Trigrams.

Not sure whether other articles have inadequately set colors such as these, or why this happened at all.

== [https://en.wikipedia.org/wiki/Web_colors Web colors] dark mode error ==


'''Issue Description'''

Shorthand hexadecimal form, CSS colors => monospace text block has light background

Extended colors => table has light background

Color table, Safest web colors => table title and contents have poor foreground colors
: Fixed second issue, will fix 3rd later [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 11:03, 8 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Family_tree_of_the_Māori_gods Family tree of the Māori gods] dark mode error ==


'''Issue Description'''
the things up the top are still in light mode

i cant upload the damn photo because it suckswsethujioj

== [https://en.wikipedia.org/wiki/Rome Rome] dark mode error ==


'''Issue Description'''
The white dot in the map of Rome, Italy shows as black in Dark Mode.

== [https://en.wikipedia.org/wiki/Sputnik_1 Sputnik 1] dark mode error ==


'''Issue Description'''
The banner is in light mode, while the background is in dark mode, making it look a bit unprofessional.

== [https://en.wikipedia.org/wiki/1957_in_spaceflight 1957 in spaceflight] dark mode error ==


'''Issue Description'''
The "Orbital Launches" and "Suborbital Launches" hurts both me and my eyes.

== [https://en.wikipedia.org/wiki/Sorting algorithm] dark mode error ==


'''Issue Description'''
In https://en.wikipedia.org/wiki/Sorting_algorithm, Comparison of algorithms table.

Some (but not all) math expressions are rendered in white, which on the green background makes them very difficult to read.

== [https://en.wikipedia.org/wiki/2024_Summer_Paralympics 2024 Summer Paralympics] dark mode error ==


'''Issue Description''' The logo for the Paralympics has the words "Paris 2024" in black text, which is illegible on the dark background.

== [https://en.wikipedia.org/wiki/WTA_1000_Series_singles_records_and_statistics WTA 1000 Series singles records and statistics] dark mode error ==


The [https://prnt.sc/ky8UTtLshBvM sorting arrows are not displaying in dark mode] when using <code>|<nowiki>style="background-color:white"</nowiki></code> in [https://en.wikipedia.org/w/index.php?title=WTA_1000_Series_singles_records_and_statistics&oldid=1244190346 WTA 1000 Series singles records and statistics#Title leaders]. Shouldn't they turn to black if the background is lighter, especially if it is white? [[User:Qwerty284651|Qwerty284651]] ([[User talk:Qwerty284651|talk]]) 16:40, 6 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Hypergraphia Hypergraphia] dark mode error ==


'''The colours look weird on Wikipedia, with dark mode on. Essentially, the blue coloured words looked weird. '''
: {{re|‎Andrew Diyue Liu}} Could you please give the example? Thanks. --[[User:SCP-2000|SCP-2000]] ([[User talk:SCP-2000|talk]]) 05:28, 8 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/The_Blitz The Blitz] dark mode error ==


'''Issue Description'''

Background information -> Luftwaffe and strategic bombing:

"Main article" background overflows into navbox

== [https://en.wikipedia.org/wiki/Differentiation_of_trigonometric_functions Differentiation of trigonometric functions] dark mode error ==



At the start of the article, the table is impossible to read as all of it is white (including the contents).

== [https://en.wikipedia.org/wiki/Wikipedia:External_links External links] dark mode error ==


'''Infobox is white: https://en.wikipedia.org/wiki/Template:Linking_and_page_manipulation'''

== [https://en.wikipedia.org/wiki/Ünye Ünye] dark mode error ==


'''Issue Description'''

In the infobox, in the "Location in Turkey" section, the background of the label that reads "Ordu" is set to black while the label color is also dark making it hard to read.

== [https://en.wikipedia.org/wiki/Garry_Williams_(cricketer) Garry Williams (cricketer)] dark mode error ==


'''Issue Description'''
The blue link in the Editnotice turned dark grey, made it hard to see.

==🐛 [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==
{{tracked|T373392}}

'''Issue Description'''
Dark Mode seems to also invert images on my homepage and only on the homepage where it shows my most viewed edits.

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''
Greetings,

On Preferences, I have Vector 2022 active, and also switched the Dark mode on: now it shows some beautiful dark greys backgrounds, right there on the Preferences page.
But once I save, and go back to any page, those grey backgrounds gone: boxes, menus, text, laterals, are all pure black!
Exception on the center-right info box on all pages and image boxes. Everywhere else, black background.
Forcing refresh ctrl-F5, does nothing. Going back to Preferences, those amazing grey backgrounds show up there.

How to keep the grey style, that shows up in preferences?
I'm using LibreWolf browser, uBlock Origin disabled for Wikipedia. Also, just tested on Edge, pure and clean, I never use Edge, and it's the same behavior.

Thank you for your attention, stay awesome.
'''

== ✅[https://en.wikipedia.org/wiki/NEMA_connector NEMA connector] dark mode error ==


'''Issue Description'''
The images of connectors in https://en.wikipedia.org/wiki/NEMA_connector#Nomenclature are difficult to see in dark mode. I suspect the images have transparent backgrounds, making the black foreground lines impossible to see against the dark mode background.

== ✅[https://en.wikipedia.org/wiki/Hesperidin Hesperidin] dark mode error ==


'''Diagrams with transparency (eg molecular skeletal formulas) are illegible in dark mode'''

To reproduce: Load https://en.wikipedia.org/wiki/Hesperidin in desktop dark mode and look at the infobox.

Expected behavior: Beneath the infobox title "Hesperidin" and above the 3d visualization of the molecule is visible the https://en.wikipedia.org/wiki/Skeletal_formula for the molecule.

Actual behavior: In the space I described instead is a black box.

The reason for this is that skeletal formulas are commonly drawn as svgs with black content on a transparent background. Because black is behind the transparency in dark mode, one gets black-on-black, which is not visible when rendered.

Unfortunately, fixing this will require nontrivial policy thought. It's not clear that it's semantically correct to put a white background behind every svg, even though this would seem to be an ok interim measure. Rather, graphics in general may need to be rethought to accommodate dark mode. For example, it seems plausible to me that in dark mode, skeletal formulas should render as white lines and letters on a black background. In fact, perhaps the svgs should use a "color variable" like "foreground color" (if the SVG standard supports this) rather than explicitly coding "black" for the foreground content. (If the standard does not support anything like this, the wikimedia foundation should petition the standards body for an amendment to the standard, because this is a serious limitation.)
:In the future you can add <syntaxhighlight lang="wikitext">| ImageClass = skin-invert</syntaxhighlight> to chemboxes if the image needs to be inverted. [[User:Matrix|Matrix]] ([[User talk:Matrix|talk]]) 16:46, 20 September 2024 (UTC)

: To the IP user who left the original unsigned post ([[IP:74.101.161.225]]): the SVG standard supports things like foreground color styling just fine. Despite this, most methods of creating monochrome SVGs hardcode parameters like <syntaxhighlight lang="xml" inline><svg fill="#000"></syntaxhighlight> and <syntaxhighlight lang="xml" inline><path stroke="#000"></syntaxhighlight> for maximum displayability, because SVG only supports being styled '''when it's ''embedded'' into an HTML file directly'''.

: When an SVG image is loaded from an external URL via an {{tag|img|single}} tag (as MediaWiki loads all images, today), the SVG content is rendered using only its internal styles (if any) and colors. It's extremely unlikely browser vendors would be willing — or indeed, even ''able'' — to alter that behavior, because it would compromise their security model to take CSS rules from one context (the current HTML page) and apply them in a completely separate context (the rendering context of the external <code>.svg</code> file). [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:04, 22 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/Paul_Rudish Paul Rudish] dark mode error ==


'''Issue Description'''

==✅ [https://en.wikipedia.org/wiki/Wikipedia:About_Today's_featured_article About Today's featured article] dark mode error ==

'''Issue Description'''

The header text ("See also") is white on a light blue background. The entire section is light-blue, which doesn't work well with blue links. The color and contrast score is 2.82, which does not meet WCAG guidelines for accessible text.

Here are couple references on color contrast and accessibility guidelines (In case it is needed- I'm sure you all are on top of it):
* [https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio WCAG Contrast Ratio Definition]
* [https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast Understanding WCAG Color Contrast]

== ✅ [https://en.wikipedia.org/wiki/Multivariable_calculus Multivariable calculus] dark mode error ==


'''Issue Description'''
The proofs on this page are light, and none of the equations show.

: This appears to be an issue with the [[w:Template:Collapse top]] template, when MathJax is used inside of the collapsible area. (See [[w:Template talk:Collapse top#Protected edit request on 4 September 2024]].) [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:37, 25 September 2024 (UTC)

:...And is fixed now that the dark-mode fixes to that template have been made live. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 15:42, 8 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/List_of_World_War_II_battles List of World War II battles] dark mode error ==


'''Issue Description'''
The "Battles from 1941" section of the article has dark text which is not converted to a lighter colour, making it very difficult to read.

== ✅ [https://en.wikipedia.org/wiki/Template:CBB_roster CBB roster] dark mode error ==


'''Issue Description'''
Player roster unreadable on dark mode (example: [https://en.wikipedia.org/wiki/2011%E2%80%9312_Hartford_Hawks_women%27s_basketball_team] )

: The problem here is that the table is being created with <syntaxhighlight lang="html" inline>style="background-color: transparent"</syntaxhighlight> — remove that unnecessary setting, and the colors become fine. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:33, 24 September 2024 (UTC)

:I have opened an edit request at [[w:Template talk:CBB roster/Header#Protected edit request]] to correct the issue. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:48, 24 September 2024 (UTC)
:: The requested edit has been applied, and this is now fixed. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 17:29, 25 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/LGBT_rights_by_country_or_territory LGBT rights by country or territory] dark mode error ==


'''Issue Description'''
Dark mode does not work when background colors and fonts are declared in an article, as can be seen in [[LGBT rights by country or territory]].

'''Proposed solution'''
Dark mode needs to be able to override explicitly set background colors and fonts across Wikipedia.

== [https://en.wikipedia.org/wiki/David_Lynch David Lynch] dark mode error ==


'''Issue Description'''
For me the new dark mode colors are too high contrast for reading. Too dark background and too bright text.
current dark bg #101418
proposed dark bg #202122

== ✅[https://en.wikipedia.org/wiki/Template:Infobox Infobox] dark mode error ==


'''Issue Description''' {{tag|syntaxhighlight}} always renders with a white-ish (#f8f8f8) background, but it would look much nicer if it had a darker background, ideally matching {{tag|pre}} with var(--background-color-neutral-subtle,#f8f9fa). See example [[w:Template:Infobox#Usage|here]]. [[User:Mr. Starfleet Command|Mr. Starfleet Command]] ([[User talk:Mr. Starfleet Command|talk]]) 23:13, 28 September 2024 (UTC)

== [https://en.wikipedia.org/wiki/YouTube YouTube] dark mode error ==


'''the red in the youtube logo (File:YouTube_2024.svg) is pinkish instead of being just red. Viewing the image on in wiki commons doesn't have this effect. Tested with light and dark mode for both sites.'''

== ✅ [https://en.wikipedia.org/wiki/Colombia Colombia] dark mode error ==


'''Issue Description'''
As it can be seen at the Colombia article, Dark Mode doesn't allow to see this table's text.
[[File:Captura de pantalla 2024-09-29 164256.png|thumb|Problem Dark Mode Colombia]]

: Looks like {{u|I Am Andumé}} already fixed this in [https://en.wikipedia.org/w/index.php?title=Colombia&oldid=1248544576 this edit]. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:33, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template:Infobox_Australian_rules_football_match Infobox Australian rules football match] dark mode error ==


'''Issue Description'''
Score does not show in dark mode

: I '''believe''' this is now fixed, though a check from someone familiar with the pages that template typically appears on would be great. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 06:41, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''It's not an issue with reading, but I think it's still an issue. Every page I go to, it has Dark Mode enabled for about five seconds or so before turning back to light mode, even though Dark Mode is still on. It keeps happening with Automatic as well.'''

== ✅[https://en.wikipedia.org/wiki/Reverse-delete_algorithm Reverse-delete algorithm] dark mode error ==

The black nodes, edges, and weight values used in the graph in the Example section are nearly invisible in dark mode. --[[User:Clump|Clump]] ([[User talk:Clump|talk]]) 17:44, 1 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Trigonometry Trigonometry] dark mode error ==


'''Issue Description'''
Gray bars to the sides are very distracting

: I'm not entirely sure what this is referring to, can you point out a specific part of the page that you feel isn't displaying correctly? [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:28, 9 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/49ers–Packers_rivalry 49ers–Packers rivalry] dark mode error ==


'''Issue Description'''
Colors of teams (i.e. 49ers) on templates aren't loading properly.

== [https://en.wikipedia.org/wiki/49ers–Packers_rivalry 49ers–Packers rivalry] dark mode error ==


'''Issue Description'''
Colors of teams (i.e. 49ers) on templates aren't loading properly.

== [https://en.wikipedia.org/wiki/Portal:Prostitution/Map Prostitution/Map] dark mode error ==


'''Issue Description'''
the map key's colors dont show up in dark mode

== Dark mode error - Code Blocks ==


I noticed that code blocks are not being adjusted properly when viewing using the site's built-in/native Dark Mode. See: https://en.wikipedia.org/wiki/Composition_over_inheritance. Code blocks show up white-on-white, and are only visible if the user highlights the text.

== ✅ Edit Notice dark mode error ==

On some contentious topic articles, such as [[w:en:Israeli-occupied territories|Israeli-occupied territories]], when attempting to edit the page (using a mobile browser), an edit notice is displayed. When dark mode is enabled, this notice is almost unreadable. [[User:DigitalChutney|DigitalChutney]] ([[User talk:DigitalChutney|talk]]) 21:10, 4 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/World_Chess_Championship_2024 World Chess Championship 2024] dark mode error ==


'''Unfortunatly the dark mode makes the table for the Results of the Candidates Tournament unreadable. All the results for games played with black are not visible as it tries to flip the colours around, despite there being no need for it.'''

Root cause of the error is in the sports table chess module https://en.wikipedia.org/wiki/Module:Sports_table/Chess. You can see the problem of black-on-black in the examples of ''Crosstable''s.
--[[User:Susko3|Susko3]] ([[User talk:Susko3|talk]]) 00:11, 8 October 2024 (UTC)

:{{talk quotation|All the results for games played with black are not visible as it tries to flip the colours around, despite there being no need for it.}} The coloring issue is definitely there, but that isn't the reason why. The reason things are coming out wrong-colored is that the module:
:# creates normal table cells with <syntaxhighlight lang="css" inline>style="background-color: transparent; color: inherit"</syntaxhighlight> (which comes out fine because the inherited text color ends up being <code>white</code>, against the dark table background)
:# creates '''white''' table cells with <syntaxhighlight lang="css" inline>style="background: black; color: white"</syntaxhighlight> (which is also fine, the explicit colors are used)
:# but it creates '''black''' table cells with <syntaxhighlight lang="css" inline>style="background: transparent"</syntaxhighlight>, ''assuming'' that the text color will be black, and the background color will be light enough for the black text to show.
:Problem is, the dark-mode CSS has a (somewhat dubious) rule that sets the text color to <code>#202122</code> anytime anything is styled with a <code>background</code> property of any sort, which means that using <syntaxhighlight lang="css" inline>background: transparent</syntaxhighlight> without setting a text color will basically ''always'' cause contrast issues.
:Anyway, the fix will be to have the module explicitly output <syntaxhighlight lang="css" inline>style="background: white; color: black"</syntaxhighlight> for the black cells, the same way it outputs the opposite for the white cells. I'll work on a proposed update to the code as soon as I can figure out where the style bits actually live. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 14:13, 8 October 2024 (UTC)
:: This is now fully fixed; while the templates could still use some styling ''tweaks'', all of the information is visible from invocations of [[w:Module:Sports table]], whether using {{para|style|Chess}} or another {{para|style}} mode. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 09:45, 15 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
On page https://en.wikipedia.org/w/index.php?title=Special:Homepage&source=personaltoolslink&namespace=12, the text

When you created your account, you said you wanted to add or change information on an existing article. Here, you can find suggestions of small edits to get started. If you would rather go straight to changing a specific article, you can search for the article and click "Edit".

appears as --color-base,#202122, which is barely visible against the background rgba(234,243,255,0.5).

== ✅ [https://en.wikipedia.org/wiki/DOT_pictograms DOT pictograms] dark mode error ==


'''Issue Description'''

Images in the section ''Symbols'' are hard to see because they render black-on-gray. Doing a basic invert with <code>class="skin-invert-image"</code> doesn't produce the correct results.

I think the quickest fix is to add white backgrounds to the gallery. It's not the prettiest, but it's usable.

I did not easily find any information on how I could edit the page so the gallery shows the images with a white background.
I looked at the following pages:

* https://en.wikipedia.org/wiki/Help:Gallery_tag
* https://commons.wikimedia.org/wiki/Commons:Galleries
* https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#When_skin-invert_does_not_work
** this describes me what I want to do, but doesn't tell me how to do it

--[[User:Susko3|Susko3]] ([[User talk:Susko3|talk]]) 00:13, 8 October 2024 (UTC)

:Agreed, the text stops short of explicitly giving directions for the fix, which is to add <syntaxhighlight lang="html5" inline>class="skin-invert"</syntaxhighlight> to the {{tag|gallery|open}} tags used. (Or, in these cases, change them from <syntaxhighlight lang="html5"><gallery caption="..." ></syntaxhighlight> to <syntaxhighlight lang="html5"><gallery class="skin-invert" caption="..." ></syntaxhighlight>. I've [https://en.wikipedia.org/w/index.php?title=DOT_pictograms&oldid=1250088863 done so] on that page. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:19, 8 October 2024 (UTC)
::Oops. Well, I did so for about half of them, and then I apparently got lazy. (Or, failed to realize there were more.) I'll hit the rest now. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:24, 8 October 2024 (UTC)
:I updated the information at [[Recommendations for night mode compatibility on Wikimedia wikis]] so that the information about updating {{tag|gallery}} tags is less buried, and I added an example code block after demonstrating the syntax. Hopefully that'll make things clearer, for editors looking for information on how to update their content. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 05:25, 9 October 2024 (UTC)

== Paragraph-based Edit Conflict Interface dark mode error ==
{{tracked|T373231}}
I also reported this at [[Help talk:Paragraph-based Edit Conflict Interface]] (topic "Dark mode issue"), because while it was ''encountered'' on enwiki, it's an interface bug that would presumably affect any installation with that tool installed. It's also a rare dark-mode issue that's actually an interface bug, and can't be fixed with a local content tweak.

When using the "Night" site interface (the dark-mode skin), the "tour" popup labeled "Diverging changes are shown line by line." contains black-on-dark-gray text below that initial heading line (which is rendered in white). No idea if any other interface elements are similarly affected. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 12:23, 8 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/XOR_gate XOR gate] dark mode error ==


'''Issue Description'''
The background of svg image is taken from the dark mode and thus is black in dark mode which render the content of the svg totally unreadable when said content is written or drawn in black as most of the images are. So for example on this page the images showing XOR gate using AOI cannot be seen.
:[https://en.wikipedia.org/w/index.php?title=XOR_gate&diff=1251286363&oldid=1243089997 done] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:09, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Caucasian_Albanian_script Caucasian Albanian script] dark mode error ==


'''Issue Description'''

The characters in the '''Sinai Palimpsest''' column of the table under the section Letters appear to fail the contrast test at 1.44:1 when the page is in dark mode. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 00:19, 9 October 2024 (UTC)

:Whoever made the images on the page in this section forgot to apply the dark mode invert tag to the 𐕞 (Iwn) letter image. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 00:21, 13 October 2024 (UTC)
::[https://en.wikipedia.org/w/index.php?title=Caucasian_Albanian_script&diff=1251476971&oldid=1234441559 Done] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:08, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/AmigaDOS AmigaDOS] dark mode error ==


'''Issue Description'''
This is an example of typical AmigaDOS command syntax:

1> Dir DF0:
Without entering the directory tree, this shows the content of a directory of a floppy disk and lists subdirectories as well.

The following text is too dark in the dark mode (have to switch to light mode to read easily):

Without entering the directory tree, this shows the content of a directory of a floppy disk and lists subdirectories as well.

: {{u|Matrix}} fixed most of those, I cleaned up a few stragglers. [[User:FeRDNYC|FeRDNYC]] ([[User talk:FeRDNYC|talk]]) 09:57, 15 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''

The description of Today's Featured Picture has unreadable black on black text. [[User:Largely Legible Layman|Largely Legible Layman]] ([[User talk:Largely Legible Layman|talk]]) 00:05, 10 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/User_talk:Thekhan3 Thekhan3] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Main_Page Main Page] dark mode error ==


'''Issue Description'''
Text in "today's featured picture" is not properly colored. I was not able to upload the screenshot

== [https://en.wikipedia.org/wiki/2023_Formula_One_World_Championship 2023 Formula One World Championship] dark mode error ==


'''Issue Description'''

The total points column of the World Drivers' Championship standings table and the World Constructors' Championship standings table below it has both the column background and the text in dark colors, making it difficult to read.
https://en.wikipedia.org/wiki/2023_Formula_One_World_Championship#World_Drivers'_Championship_standings

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==

'''Issue Description'''
On my user page, under "Suggested edits," the descriptive text had incredibly low contrast compared to the background.

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Requests_for_comment/History_and_geography Requests for comment/History and geography] dark mode error ==


'''Issue Description'''

Almost all the text is black. [[User:Mellk|Mellk]] ([[User talk:Mellk|talk]]) 13:20, 16 October 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Requests_for_comment/Politics,_government,_and_law Requests for comment/Politics, government, and law] dark mode error ==


'''Issue Description'''

Almost all the text is black. [[User:Mellk|Mellk]] ([[User talk:Mellk|talk]]) 13:20, 16 October 2024 (UTC)

== ✅[https://en.wikipedia.org/wiki/Transformer Transformer] dark mode error ==


'''Issue Description'''
The equations in the sidebar of the Ideal transformer subsection of the Principles section are written in white against an off-white background when in dark mode, making them effectively invisible.

== ✅ [https://en.wikipedia.org/wiki/List_of_The_Simpsons_characters List of The Simpsons characters] dark mode error ==


'''Issue Description'''
The table under the Characters section is visably blank, excepting two rows (Homer & Kumiko Albertson).

== ✅ [https://en.wikipedia.org/wiki/Sawtooth_wave Sawtooth wave] dark mode error ==


'''Issue Description'''
The infobox image is a PNG, containing a black graph with no background. This makes it hard to see during dark mode, as it appears as black over dark grey (contrast ratio 1.3:1). A brighter background for the image would be helpful.

== ✅ [https://en.wikipedia.org/wiki/Time_signature Time signature] dark mode error ==


'''Issue Description'''

Section: Early music usage

The table titled "Proportion Signs" contains black text against the dark mode background.

== [https://en.wikipedia.org/wiki/Dodgers–Yankees_rivalry Dodgers–Yankees rivalry] dark mode error ==


'''Issue Description'''
In the "Season-by-season results" section the "Season" and "Notes" links in the 2000s, 2010s, and 2020s tables are the same color as the background of those cells.

== [https://en.wikipedia.org/wiki/2024_Northwestern_Wildcats_football_team 2024 Northwestern Wildcats football team] dark mode error ==


'''Issue Description'''
In all football articles that have a football schedule ("Schedule" section in this specific article), text is dark and unreadable in the games that have yet to be played.

== [https://en.wikipedia.org/wiki/Help:Page_history Page history] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Special:Homepage Homepage] dark mode error ==


'''Issue Description'''
under "most viewed since your edit" the images are inverted

== [https://en.wikipedia.org/wiki/Logic_gate Logic gate] dark mode error ==


'''Issue Description'''

Section: Universal logic gates

The diagrams displayed inside the table cells are drawn in black against the dark mode background colour.

== [https://en.wikipedia.org/wiki/Sucrose Sucrose] dark mode error ==


'''Issue Description'''

In dark mode, the image at the top-right, showing the chemical structure (Haworth projection) of the molecule, appears in '''black, with a dark gray background''', making it almost impossible to view. In dark mode, the chemical structure lines and text in the image should appear in '''white, with a dark gray or black background''' (i.e., the ''inverse'', or ''negative'', of the original image).

Note that this issue occurs in numerous Wikipedia articles, when viewed in dark mode, and not only in the article about sucrose.

Also note that switching to light mode and using ''Dark Reader'' (a popular browser add-on), to generate the dark mode, works as intended (i.e., the chemical structure lines and text in the image appear in white, with a black background, making the image perfectly viewable).

== [https://en.wikipedia.org/wiki/Talk:Viriamo Viriamo] dark mode error ==
I'm not sure what template this arises from but dark mode inverts the color of an image on a talk page section for a DYK nomination (see Talk:Viriamo).

[[File:Viriamo example.png|thumb|the image displaying normally]]
[[File:Viriamo example 2.png|thumb|the inverted image]]

:This seems caused by the row:
:<syntaxhighlight lang="css">
filter: invert(1) hue-rotate(180deg);
</syntaxhighlight> --[[User:ZandDev|ZandDev]] ([[User talk:ZandDev|talk]]) 02:35, 30 October 2024 (UTC)

== [https://en.wikipedia.org/wiki/List_of_best-selling_albums List of best-selling albums] dark mode error ==


'''Issue Description'''
Dark mode conflicts with the light pastel colours used to mark different categories in tables. In this article, specific random rows maintain their dark-mode colouring while the rest are displayed using light-mode colouring. This is not an error I have consciously observed on other pages.

== [https://en.wikipedia.org/wiki/List_of_trigonometric_identities List of trigonometric identities] dark mode error ==


'''Issue Description'''
Links in a table appear dark and can't be seen well, like in this section:
https://en.wikipedia.org/wiki/List_of_trigonometric_identities#Multiple-angle_and_half-angle_formulae

== [https://en.wikipedia.org/wiki/Wikipedia:Administrators'_noticeboard/Incidents Administrators' noticeboard/Incidents] dark mode error ==


'''Issue Description'''
It's difficult to read watchpages with filters with dark mode enabled.

== ✅ [https://en.wikipedia.org/wiki/Plan_9_from_Bell_Labs Plan 9 from Bell Labs] dark mode error ==


The image of the Plan 9 from Bell Labs mascot, "Glenda in a space suit" at the top of the right-hand sidebar info box does not display properly in dark mode. Maybe nothing can be done about that but I assume this affects other similar (possibly vector / svg?) images on Wikipedia where the color scheme was not designed with dark mode in mind.
:Was [https://en.wikipedia.org/w/index.php?title=Plan_9_from_Bell_Labs&diff=prev&oldid=1255414488 fixed]. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:56, 5 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Wikipedia:Contents/Society_and_social_sciences Contents/Society and social sciences] dark mode error ==


'''Text is very hard to read in dark mode. Color contrast is as low as 1.12:1'''
:I've made [https://en.wikipedia.org/w/index.php?title=Wikipedia:Contents/styles.css&diff=prev&oldid=1255524678 some improvements]. It's not super pretty, but at least it is readable now. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:54, 5 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Group_(mathematics) Group (mathematics)] dark mode error ==


'''Issue Description'''

Part: Second example: a symmetry group

Element: Cayley table

Symbols in squares with light background difficult to read (easily visible in light mode). Also fine in invert color display mode. Is there such "html" "tag" for elements to just invert?
:Improved, but their background details are very light, so it would be better if someone made an improved set of images for these I think. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:41, 5 November 2024 (UTC)

== "Try Suggested Edits" popup dark mode error ==


'''Issue Description'''
"Try suggested edits" popup that shows after a (first?) edit is white-on-white.

https://imgur.com/a/xc1imc2

--[[Special:Contributions/142.196.166.123|142.196.166.123]] 22:36, 8 November 2024 (UTC)

== Table don't affected ==


'''Issue Description'''
the table still is in light theme and it looks very bright

== Text too bright ==


'''Issue Description'''
This issue is related to the Vector 2022 skin - if that is what the instructions refer to as template.
I am experiencing issues with the text color (#eaecf0) which manifest as eye strain.

With light mode, I get an initial shock every time I open a page. If I read all of it, I'm alright by the end - but then switching back to anything else on my computer which is all in dark mode, I get another shock.

With dark mode, I get no initial shock, however by the end of the article I realize my sight is littered with remnants of the text due to its brightness.

I find that changing this color to (#b8babd) makes the page much more pleasant for my eyes.

My suggestion is really not related to hue as much as it is lightness. I believe a drop of around 20% is needed to reduce eye strain.

Thanks for the consideration :)

== [https://en.wikipedia.org/wiki/Waco_siege Waco siege] dark mode error ==


'''Issue Description'''

When Automatic is selected and the browser is set to prefer dark themes, the map of Texas is unreadable. When either light or dark is explicitly selected, the map of Texas is correct.

Tested on Firefox for Windows.

== [https://en.wikipedia.org/wiki/Gadigal_railway_station Gadigal railway station] dark mode error ==


'''Issue Description'''
Black table

== [[wikipedia:Template:Infobox historical era|Template:Infobox historical era]] dark mode error ==

'''Issue Description'''

The Chronology section of [[wikipedia:Template:Infobox historical era|Template:Infobox historical era]], with {{para|before}} and {{para|after}} links displays with <code>background:#F9F9F9;</code> regardless of whether night mode is on or off. [[User:Yodin|Yodin]] ([[User talk:Yodin|talk]]) 02:58, 12 November 2024 (UTC)

:Fixes have been made by @[[User:Matrix|Matrix]]. --[[User:Yodin|Yodin]] ([[User talk:Yodin|talk]]) 12:57, 15 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Double-precision_floating-point_format Double-precision floating-point format] dark mode error ==


'''Issue Description'''
The dark mode color filter (?) doesn't work properly in the [https://en.wikipedia.org/wiki/Double-precision_floating-point_format#Double-precision_examples "Double-precision examples"] section of the "Double-precision floating-point format" page. The background is off-white instead of dark.

It also "escapes" the article and goes off to the right, overlapping the "tools" sidebar.
:Improved with css variables and a scroll box. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:07, 12 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/Feynman_diagram Feynman diagram] dark mode error ==


'''Issue Description'''
At the top of this page (“Feynman Diagram”), there is an image of the Feynman Diagram. In dark mode this changes to a black background, as expected, but the particle markings (‘e-’ for electron, etc) remain in a grey, making it difficult to read against the black background.
The image is still perfectly readable in light mode.

Everything else I saw briefly on the page looked good.
:Was [https://en.wikipedia.org/w/index.php?title=Feynman_diagram&diff=prev&oldid=1257740569 fixed]. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:56, 22 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/European_Court_of_Human_Rights European Court of Human Rights] dark mode error ==


'''Issue Description'''
The logo in the side box is way too low contrast.

== [https://en.wikipedia.org/wiki/Confusion_and_diffusion Confusion and diffusion] dark mode advice ==


[[File:Image for demo the how background is looks like.png|thumb]]
"Okay, the mode change from light to dark is cool, but the dark color is too dark. It affects the reading and does not feel good. I think the background color should be "'''#333'''" or something around this color. This is the demo of how I change, and it's probably good."

[[File:Image background settings.png|thumb|alt=Image background settings|Image background settings]]
color setting demo. 
"I hope this Setting Looks fine for all users Feels this nice look or any improvement in this setting it's fine but this is from my size."

== [https://en.wikipedia.org/wiki/Wikipedia:Community_response_to_the_Wikimedia_Foundation's_ban_of_Fram Community response to the Wikimedia Foundation's ban of Fram] dark mode error ==


'''Issue Description:''' the templates inside "mw-archivedtalk" are all with badly inverted text. showing dark on dark.

== [https://en.wikipedia.org/wiki/Eastern_Iowa_Airport Eastern Iowa Airport] dark mode error ==


'''Issue Description'''
The blue color on the legends of the passenger destinations map is very difficult to read. I have attached a screenshot as an example.
[[File:Example Screenshot November 20.png|thumb]]

== [https://en.wikipedia.org/wiki/Special:Preferences Preferences] dark mode error ==


'''Issue Description'''
There is not an issue with readability, but the dark mode preference does not save when coming back to Wikipedia after closing Google Chrome.
:{{replyto|Sypesgpgp}} For registered users, it is registered in their preferences (and many people have this, so if there was some sort of wider issue, I'd expect many people to complain about this not working). For anonymous users, this setting is saved with a cookie. So if you have a browser or an extensions for that throws away cookies for privacy/ad blocking reasons, then remembering the setting will not work. —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:50, 22 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/Template_talk:Chernobyl Chernobyl] dark mode error ==


'''Issue Description'''

The title "Chernobyl Disaster" is colored dark grey on dark mode, which makes it very hard to read because of the black background.

Interestingly, this issue does not appear when viewing the template itself, but appears when viewing an article that has that template, such as [https://en.wikipedia.org/wiki/Elephant%27s_Foot_(Chernobyl) the page on Elephant's Foot].

This issue occurs in both Firefox and Ungoogled Chromium.

== ✅ [https://en.wikipedia.org/wiki/Vithkuqi_alphabet Vithkuqi alphabet] dark mode error ==


'''Issue Description'''
The letter images in the table in the Description section of the page fails the contrast check (1.3:1). I was wondering if this could be corrected. -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 01:14, 25 November 2024 (UTC)
: [https://en.wikipedia.org/w/index.php?title=Vithkuqi_alphabet&diff=prev&oldid=1259488390 fixed] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 13:09, 25 November 2024 (UTC)

== ✅ [https://en.wikipedia.org/wiki/2024–25_PBA_Commissioner's_Cup 2024–25 PBA Commissioner's Cup] dark mode error ==


'''Issue Description'''

I couldn't read the dates in the results table (in the elimination round section) without highlighting it. I think it's because the text color is currently set to black?
:[https://en.wikipedia.org/w/index.php?title=Module:Sports_games&diff=prev&oldid=1259489510 fixed] —[[User:TheDJ|TheDJ (Not WMF)]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 13:49, 25 November 2024 (UTC)

== [https://en.wikipedia.org/wiki/Wikipedia:Good_articles Good articles] dark mode error ==

'''Issue description'''

Background color isn't changed from the default, resulting in white-ish text on a white-ish background.

== [https://en.wikipedia.org/wiki/Help:Multilingual_support Multilingual support] dark mode error ==


'''Issue Description'''

I've found yet another page where their images fail the contrast check when in Dark mode at 1.3:1. I also noticed that some images leave a white background in dark mode, and should probably be updated to remove said background from the images. The images in question are all under the Scripts section of the page. I was wondering if this could be corrected as well? -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 15:01, 28 November 2024 (UTC)

:The images look better in Dark mode, but the letter images under Ancient South Arabian no longer appear. Seems like they lowercased the PNG part, when that bit is also case sensitive (___.png and ___.PNG are treated to not be the same image on these wikis). -[[User:GeniusWorkbench4622|Genius]][[User_talk:GeniusWorkbench4622|Workbench]][[Special:Contributions/GeniusWorkbench4622|4622]] 02:09, 2 December 2024 (UTC)

== Tip me low ==

Richard Deon Thompson 6kxmd7el4u93xmd [[User:Dion65088|Dion65088]] ([[User talk:Dion65088|talk]]) 03:11, 1 December 2024 (UTC)

== Ten thousand dollars trade ==

U.s writer. [[User:Dion65088|Dion65088]] ([[User talk:Dion65088|talk]]) 03:12, 1 December 2024 (UTC)

== [https://en.wikipedia.org/wiki/Birdman_(film) Birdman (film)] dark mode error ==


'''Issue Description'''

== [https://en.wikipedia.org/wiki/Poodle_Hat Poodle Hat] dark mode error ==


'''Issue Description'''
In the Wikipedia article for Poodle Hat [[https://en.wikipedia.org/wiki/Poodle_Hat]], in the track listing section [[https://en.wikipedia.org/wiki/Poodle_Hat#Track_listing]] the place holder text for the expandable section of the track "Angry White Boy Polka" appears dark in the dark mode.

== [https://en.wikipedia.org/wiki/Tegra Tegra] dark mode error ==


'''Some pages are way to big'''
Hello I was reading the page for tegra chip and i noticed that it was very large when i checked it was because of a list

Topic:Ydf8rz9rws41t7jc

2024-10-03T03:41:52Z

Depotadore (talk | contribs) commented on "This makes no sense?" (Ah it's CSS bugs)

Template talk:Main page/2024

2024-10-03T03:41:52Z

Depotadore: /* This makes no sense? */ Added reply

{{flow imported revision}}
{{Main page talk notes|}}
== Request of replacing some links on the main page ==
{{Archive top|result=Done in [[Special:Diff/6463985]]|status=resolved}}

Please replace "Manual:Installation guide" and "Manual:Errors and symptoms" to their redirect targets, because "Special:MyLanguage" will not follow the redirection, preventing users get redirected to their language.

Thank you! [[User:Anterdc99|Anterdc99]] ([[User talk:Anterdc99|talk]]) 16:47, 11 April 2024 (UTC)
:{{Done}} [[Special:Diff/6463985]] [[User:BDavis (WMF)|BDavis (WMF)]] ([[User talk:BDavis (WMF)|talk]]) 17:02, 11 April 2024 (UTC)
{{Archive bottom}}

== Looking for a consensus design that improves language switching discoverability ==
{{Archive top|result=Let's continue in [[Topic:Y8l01lc8uein5fng|the main thread on the Village pump]]|status=resolved}}

... we do not want "5 cm" of language links + some translation info box on the main page. We can cheerfully leave them at the bottom. It looks like we are currently facing an edit war here. [[User:Kghbln|[[kgh]]]] ([[User talk:Kghbln|talk]]) 18:06, 16 July 2024 (UTC)
:Edit war indeed. {{FlowMention|Want}} I agree strongly with {{FlowMention|TheDJ}} and {{FlowMention|Kghbln}} that having the large translated language descriptor at the top of this page is undesirable. I agree with your initial edit comment that top placement is common, but I'm not sure I understand {{tq|It was problematically inserting the bar of languages to the bottom border of the page.}} Can you help us all reach a mutually agreeable solution here by expanding on the problematic aspects of this placement so we can see if we can address those concerns? [[User:BDavis (WMF)|BDavis (WMF)]] ([[User talk:BDavis (WMF)|talk]]) 23:59, 16 July 2024 (UTC)
::If anonymus user use a phone, or browser window narrower, is language bar out of it. In header of page is only active link to language selector, but It can't switch. Doesn't that sound like enough of a reason?
::Next. Language bar in bottom do link to page 'Template:Main page', not 'MediaWiki' (mainpage)
::And finally. It's only temporary solution. The multilingual switch can be solved differently for the new skin if be apply.
::I intensive work on template which solve multilanguage of links, because template Languages is old, and only supply element '<languages />'
::I do slowly, in parts because I have to deal with the work for which I am paid in parallel. I am not an fulltime employee of WMF. [[User:Want|Want]] ([[User talk:Want|talk]]) 07:13, 17 July 2024 (UTC)
::{{tq|I do slowly, in parts because I have to deal with the work for which I am paid in parallel. I am not an fulltime employee of WMF.}}
::I apologize if somehow I gave you the impression that your work to support the MediaWiki community is unwelcome. I generally feel like I should be the lowest status person in these sorts of discussions exactly because I am one of the few people who do get paid to help advance the projects.
::As {{FlowMention|P858snake}} says below, {{tq|Perhaps we could workshop this on a /sandbox subpage first?}} The major redesign of [[MediaWiki]] that I was previously involved with used [[MediaWiki/Homepage improvements 2018/Proposal]] as the working draft until there was consensus that the new design was working well enough to replace the prior [[MediaWiki]]. The changes you are attempting are not as visually and structurally different, but they are experimental as far as I understand from the related discussion in [[Topic:Y8l01lc8uein5fng]]. Is it possible to work in a draft or sandbox page of some kind so that you can experiment as needed and get feedback from others before applying the changes to [[Template:Main page]]? [[User:BDavis (WMF)|BDavis (WMF)]] ([[User talk:BDavis (WMF)|talk]]) 20:02, 17 July 2024 (UTC)
:If we have to, we could do something like [[commons:Template:Main Page Template|Commons]] does where they [[commons:Template:Lang-mp|manually curate a list of links]] to the translations so that they have fine grained control over styling. [[User:BDavis (WMF)|BDavis (WMF)]] ([[User talk:BDavis (WMF)|talk]]) 00:05, 17 July 2024 (UTC)
::Commons has to use a manually curated listed because its main page doesn’t use the Translate extension, and thus the main pages’ titles are unpredictable. Those of mediawiki.org are predictable, so I don’t think a manually curated list is warranted. A custom template+module solution, which formats the list differently than the standard solutions, but still displays an automatically generated (standard) list, may make sense, though. [[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 22:29, 17 July 2024 (UTC)
:See also https://www.mediawiki.org/wiki/Topic:Y8l01lc8uein5fng
:Perhaps we could workshop this on a /sandbox subpage first? [[User:P858snake|P858snake]] ([[User talk:P858snake|talk]]) 01:13, 17 July 2024 (UTC)
:Do we want to fold this less-discoverable thread into the one of the Village pump? [[User:Jdforrester (WMF)|Jdforrester (WMF)]] ([[User talk:Jdforrester (WMF)|talk]]) 17:54, 18 July 2024 (UTC)
:Having one discussion seems like a good idea to me. Is there any magic way to merge across flow boards? Or should we just close this with a pointer to the other? [[User:BDavis (WMF)|BDavis (WMF)]] ([[User talk:BDavis (WMF)|talk]]) 18:06, 18 July 2024 (UTC)
:Sadly, just close this with a pointer. I'll do that now. [[User:Jdforrester (WMF)|Jdforrester (WMF)]] ([[User talk:Jdforrester (WMF)|talk]]) 18:26, 18 July 2024 (UTC)
{{Archive bottom}}

== This makes no sense? ==

Hello everyone reading or scrolling by =). I want to know why you can't just edit the main page of mediawiki by clicking edit and editing that way it's makes way more sense and it less confuses me and if i want to edit it i have to go to this page and then edit this it just makes no sense to and do you have the same problem as me? [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 16:30, 1 October 2024 (UTC)
:Because it uses the TemplateStyles extension for CSS. [[User:AKlapper (WMF)|AKlapper (WMF)]] ([[User talk:AKlapper (WMF)|talk]]) 16:49, 1 October 2024 (UTC)
:No, TemplateStyles doesn’t justify this: nothing prescribes that [[Template:Main page/styles.css]] has to be loaded by [[Template:Main page]] (it’s just a convention), nor that TemplateStyles pages have to be in the Template namespace (it’s also just a convention, except that <code>.css</code> subpages outside of the Template namespace aren’t automatically TemplateStyles subpages – but any admin can make them such).
:The real reason is that [[MediaWiki]] displays the main page in your user language rather than in English, and while it’s possible to do this while keeping the source code there, the result would be complicated and easy to break. [[User:Tacsipacsi|Tacsipacsi]] ([[User talk:Tacsipacsi|talk]]) 20:39, 2 October 2024 (UTC)
:Ah it's CSS bugs [[User:Depotadore|Depotadore]] ([[User talk:Depotadore|talk]]) 03:41, 3 October 2024 (UTC)

Topic:Ydf8rz9rws41t7jc

2024-10-01T16:30:44Z

Depotadore (talk | contribs) commented on "This makes no sense?" (Hello everyone reading or scrolling by =). I want to know why you can't just edit the main page of mediawiki by clicking edit and editing...)

Template talk:Main page/2024

2024-10-01T16:30:44Z

Depotadore: /* This makes no sense? */ New section