Reading/Web/Accessibility for reading/Reporting/en.wikipedia.org
Key: The following emojis in the title mean someone has looked at the feedback and worked out what to do with it.
| 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 |
✅ Emmanuel Macron dark mode error
Links to other pages turn invisible!!!
✅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 Keir Starmer and Paint It Black. This issue only seems to affect certain infobox parameters (i.e. headings). 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. Largely Legible Layman (talk) 23:41, 10 July 2024 (UTC)
🐛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.: Indiana Hoosiers men's basketball and UConn Huskies Women's Basketball).
📢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
❓Preferences dark mode error
Issue Description Editing while in dark mode was hard on my eyes
- @Buffalkill: Hello, could you please explain the issue you are facing? Thanks. --SCP-2000 (talk) 10:57, 12 July 2024 (UTC)
📢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 - [[1]]
❓Tenka Sanbun no Kei: Ōmisoka New Year's Eve Special dark mode error
Issue Description
Dark mode makes the source editor almost unreadable.
Possibly relates to syntax highlighting? Jdlrobson (talk) 19:14, 19 July 2024 (UTC)
🐛Spamdexing dark mode error
Issue Description: The coloured bars alongside the warnings at the top of the page display as gray in dark mode.
❓Witch trials in the Holy Roman Empire dark mode error
Issue Description
❓Preferences dark mode error
Issue Description Skin color is distorted.
- @HumanBeing240: Hello, could you please explain the issue you are facing? Thanks. --SCP-2000 (talk) 10:58, 12 July 2024 (UTC)
❓2024 FIVB Men's Volleyball Challenger Cup dark mode error
Issue Description
🐛L-DOPA dark mode error
Issue Description
Infobox and synthesis chemical drawings are black images with transparent background and not visible in dark mode.
✅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
✅ 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
✅Administrators' noticeboard/Incidents dark mode error
Issue Description
Sections set off with {{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? Izno (talk) 21:28, 11 July 2024 (UTC)
❓ 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.
✅ Struggle session dark mode error
Issue Description The colors of pictures are inverted on my screen.
✅Billboard 200 dark mode error
Issue Description The Billboard logo has a transparent background, which makes it invisible.
📢Lena Raine dark mode error
Issue Description
Some boxes on Talk pages are still white.
🐛Preferences dark mode error
Issue Description On chemistry pages, the molecules are made in black and they become very hard to read against the dark mode background.
✅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.
✅ Reducing sugar dark mode error
Issue Description Make transparent diagrams with black borders hard to read because the background is dark as well
🐛Ketosis dark mode error
Issue Description Ketone bodies: acetone, acetoacetic acid, and beta-hydroxybutyric acid in the infobox not visibile
✅Fall of Constantinople dark mode error
Issue Description The 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.
📢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. Daniel Quinlan (talk) 22:12, 11 July 2024 (UTC)
- Also I have found that #dedede #dfdedd seem better than #eaecf0. --ZandDev (talk) 21:08, 12 July 2024 (UTC)
🐛2024 Indian general election dark mode error
Issue Description The file 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.
🐛Earth dark mode error
Issue Description File:Earth_cutaway_schematic-en.svg and File:Seasons1.svg are both SVGs with a transparent background and black text labels on a dark grey background. The labels are not legible.
🐛The arts dark mode error
Issue Description The image File:MozartExcerptK331.svg in the music section is black text on a black background.
🐛Human dark mode error
Issue Description The image Human.svg in the "Gender" section is a black outline on a black background and is not visible.
✅Planet dark mode error
Issue Description Tables of planetary symbols images are black lines on a black background and are not visible.
🐛 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 Template:Green_Bay_Packers makes them difficult to see on the dark mode background. Kabelsalat22 (talk)
✅ 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.
✅ Mathematics dark mode error
Issue Description The following images have black labels on a black background that are not visible:
IllustrationCentralTheorem.png
📢 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
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.
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.
✅ 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 Sultans of Swing for an example of this on a mainspace article (the template is at the bottom of the page). Thanks, SupremeLordBagel (talk) 11:15, 12 July 2024 (UTC)
✅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, 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. Izno (talk) 17:39, 12 July 2024 (UTC)
🐛Forceps dark mode error
Issue Description backgrounds of images with transparent backgrounds turn black reducing their visibility
✅ Justin Woodall dark mode error
Issue Description
Found another infobox that becomes unreadable: https://en.wikipedia.org/wiki/Justin_Woodall Largely Legible Layman (talk) 18:00, 12 July 2024 (UTC)
✅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. Largely Legible Layman (talk) 18:06, 12 July 2024 (UTC)
🐛Preferences dark mode error
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.
📢Infobox album dark mode error
Issue Description
On light mode, the headers on this template are a different colour to the usual white (See 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, SupremeLordBagel (talk) 22:01, 12 July 2024 (UTC)
📢The Cat Empire discography § Singles dark mode error
Issue Description
The N/a and 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, SupremeLordBagel (talk) 23:01, 12 July 2024 (UTC)
✅Task Center dark mode error
Issue Description
The headers are unreadable in dark mode, as they appear as white text on a white background. SupremeLordBagel (talk) 00:06, 13 July 2024 (UTC)
- This one is fixed. Izno (talk) 14:30, 13 July 2024 (UTC)
📢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.
📢Firefangledfeathers dark mode error
Issue Description
Wikitext box background is white, should be black, no text is visible.
Is this reference to https://en.wikipedia.org/w/index.php?title=Module:Contentious_topics/aware ? Jdlrobson (talk) 19:14, 19 July 2024 (UTC)
📢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
📢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.
✅ VisualEditor Citoid Manual.png dark mode error
Issue Description
✅Homepage dark mode error
Issue Description I can’t use dark mode unless i am logged in to a Wikipedia account.
🐛Greek alphabet dark mode error
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.
🐛WelcomeSurvey dark mode error
Issue Description
📢🐛 Twinkle dark mode error
Twinkle drop down menus unreadable in dark mode When using the 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. DigitalChutney (talk) 17:22, 14 July 2024 (UTC)
- @MusikAnimal Jdlrobson (talk) 00:26, 17 July 2024 (UTC)
- Looks like this was fixed? As I understand it, Twinkle uses
mw.util.addPortletandmw.util.addPortletLink, so the styles should be fully controlled by the skin without any changes needed to Twinkle. — MusikAnimal talk 00:58, 23 July 2024 (UTC)
- Looks like this was fixed? As I understand it, Twinkle uses
📢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.
🐛Special:Contributions dark mode error
Go to the contributions of a partially-blocked user (pick one here). The block notice near the top has white text on a yellow background, making it completely unreadable. Site-wide blocks are unaffected. 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. 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.
📢List of Mac models dark mode error
Light tables and light timelines.
❓Preferences dark mode error
Issue Description
- @Odonnellb: Hello, could you please explain the issue you are facing in detail? Thanks. --SCP-2000 (talk) 07:08, 15 July 2024 (UTC)
🐛PDF dark mode error
The .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.
📢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. Izno (talk) 02:20, 18 July 2024 (UTC)
🐛Chroma subsampling dark mode error
Issue Description The black text of the first image which is transparent is hard to read.
🐛 Homepage dark mode error
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. ..."
🐛Hexadecimal dark mode error
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.
❓InvalidateEmail/3c0192d958d6e0a239d96f5ed2a45d78 dark mode error
Issue Description
Issue Description Most table contents are invisible, except for the header and marked rows.
🐛Kuratowski closure axioms dark mode error
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.
❓[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
📢Screenshot of Google Sites editing.png dark mode error
Issue Description White text in the template is unreadable with a light purple background.
📢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.
🐛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.
✅ Contents/Portals dark mode error
Issue Description Light on light tables, nearly unreadable
🐛Jadwiga of Poland dark mode error
Issue Description
The main picture on this page is black on black until you click on it. Largely Legible Layman (talk) 00:07, 17 July 2024 (UTC)
🐛Homotopy lifting property dark mode error
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. * Pppery * it has begun 05:10, 17 July 2024 (UTC)
🐛Phase-change memory dark mode error
Issue Description
🤖📢 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. Cepeli (talk) 19:07, 17 July 2024 (UTC)
📢🐛 Oblique projection dark mode error
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!
🐛 Miguel Zambrano dark mode error
Issue Description Sport wrestling symbol in the stub template is black on black, invisible.
✅Conservation status dark mode error
Issue Description Labels of conservation status shorthand dark grey on black, nearly unreadable.
🐛Diffusion equation dark mode error
Issue Description The equations are white text on a white background and therefore impossible to read.
✅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
<inputbox>bgcolor=white</inputbox>which should probably have a dark mode workaround. Izno (talk) 02:30, 18 July 2024 (UTC)
✅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.
📢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
❓Cathy Freeman dark mode error
Issue Descriptiondoesn’t work all the time
🐛Watchlist dark mode error
--Trương Mạnh Dinh (talk) 06:21, 18 July 2024 (UTC) Issue Description
✅Epping railway station, Sydney dark mode error
Issue Description The "Services to" are too dark in the infobox.
❓JMGN dark mode error
Issue Description
- @Cevap86: Hello, could you please explain the issue you are facing in detail? Thanks. --SCP-2000 (talk) 17:58, 19 July 2024 (UTC)
🐛Redirects from shortcuts dark mode error
Issue Description
✅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.
Issue with Cmbox, specifically html.skin-theme-clientpref-night .mw-parser-output .cmbox Jon (WMF) (talk) 17:40, 19 July 2024 (UTC)
🐛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.
--Officiallyover (talk) 18:30, 19 July 2024 (UTC). Wikipedia talk page.
- We're discussing this here: https://en.wikipedia.org/wiki/Template_talk:Equation_box_1#Dark_mode Jon (WMF) (talk) 18:40, 19 July 2024 (UTC)
📢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 --Mehran (talk) 23:15, 19 July 2024 (UTC)
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.
📢Protection policy dark mode error
Issue Description The "Are you in the right place?" boxes below are white
🐛List of MythBusters episodes dark mode error
Issue Description The tables are not in dark mode.
❓️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 the classic version but not in this version.
This is a but that needs to be fixed.
Lots of love, Ayham
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. Jdlrobson (talk) 19:39, 22 July 2024 (UTC)
✅ 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
✅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
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 this. It looks like .flaggedrevs-color-1 is set to a specific background color intended for light mode: background-color: #eaf3ff;.
❓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. --Jax 0677 (talk) 21:49, 20 July 2024 (UTC)
- @Jax 0677 Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. SCP-2000 (talk) 03:07, 23 July 2024 (UTC)
🐛 Soulfly dark mode error
Issue Description At {{Soulfly}}, the actual link for Soulfly is an extremely dark grey that is difficult to see on a black background. --Jax 0677 (talk) 22:03, 20 July 2024 (UTC)
Being tracked here JScherer-WMF (talk) 18:27, 22 July 2024 (UTC)
❓Main Page dark mode error
Issue Description: It just doesn't work. Anywhere. On any page
- @PrinceEKC: Hello, could you please explain the issue you are facing in detail and provide the screenshot if possible? Thanks. --SCP-2000 (talk) 03:12, 23 July 2024 (UTC)
🐛2024 CrowdStrike incident (actually applies to any editable page) dark mode error
Issue Description Source editing with dark mode and syntax highlighting both on results in plain text having very low contrast with the editing window.
✅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:
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. --Brooke Vibber (WMF) (talk) 14:53, 21 July 2024 (UTC)
- Added the phab task 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. JScherer-WMF (talk) 18:00, 22 July 2024 (UTC)
🐛 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 F1_Drivers_Standings --JScherer-WMF (talk) 17:54, 22 July 2024 (UTC)
🐛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.
🐛 Village pump (technical) dark mode error
Issue Description In dark mode, at {{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? --Jax 0677 (talk) 21:36, 21 July 2024 (UTC)
✅ Hunter Line dark mode error
Issue Description The box below intercity stations is still in light mode
📢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 Jdlrobson (talk) 19:45, 22 July 2024 (UTC)
🐛 Report from User:Glutnix
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.
✅ 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
🐛 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 Equation_box_1 --JScherer-WMF (talk) 17:34, 22 July 2024 (UTC)
🐛 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 F1_Drivers_Standings --JScherer-WMF (talk) 17:33, 22 July 2024 (UTC)
✅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
-- Wikipedia: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? - JScherer-WMF
- ping @TattooedLeprechaun: --SCP-2000 (talk) 17:01, 22 July 2024 (UTC)
- @JScherer-WMF: Furthermore, you can type four tildes (
~~~~) to add the signatures. --SCP-2000 (talk) 17:01, 22 July 2024 (UTC)- Thanks! 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. @JScherer-WMF: Apologies. TattooedLeprechaun (talk) 12:42, 20 August 2024 (UTC)
- Thanks! JScherer-WMF (talk) 17:32, 22 July 2024 (UTC)
🐛 Suggested edit popup dark mode error
Issue Description Suggested edits pop-up is not dark mode compatible. Pop up appeared after I made an edit. Kabelsalat22 (talk) 17:38, 22 July 2024 (UTC)
📢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.
✅ 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. 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. Sdrqaz (talk) 02:48, 23 July 2024 (UTC)
❓Search dark mode error
Issue Description In search results, the snippets of article text are rendered as white text on a white background.
- @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. --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 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.—Quick and Dirty User Account (talk) 05:06, 24 July 2024 (UTC)
- @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? SCP-2000 (talk) 12:02, 24 July 2024 (UTC)
- @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 . . . 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 ? Jdlrobson (talk) 03:12, 25 July 2024 (UTC)
- @Quick and Dirty User Account: Have you tried to using Firefox's private window and safemode? It seems to be a problem with your custom css/js, gadget or Firefox settings/extension. SCP-2000 (talk) 03:14, 25 July 2024 (UTC)
- Thank you for your suggestions. @Jdlrobson, 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. @SCP-2000, 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.—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, @SCP-2000 and @Jdlrobson.—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. Jdlrobson (talk) 19:56, 27 July 2024 (UTC)
- Ah, you are correct, @Jdlrobson. PrettyLog doesn’t seem to do what it’s meant to anyway (and its help page is marked as inactive). Thank you!—Quick and Dirty User Account (talk) 21:41, 27 July 2024 (UTC)
- It is en:MediaWiki:Gadget-PrettyLog. Please disable it if you want to remove the highlight. Jdlrobson (talk) 19:56, 27 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, @SCP-2000 and @Jdlrobson.—Quick and Dirty User Account (talk) 08:43, 27 July 2024 (UTC)
- Thank you for your suggestions. @Jdlrobson, 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. @SCP-2000, 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.—Quick and Dirty User Account (talk) 10:04, 26 July 2024 (UTC)
- @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 . . . Quick and Dirty User Account (talk) 02:37, 25 July 2024 (UTC)
- @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? SCP-2000 (talk) 12:02, 24 July 2024 (UTC)
📢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) - Jetro (talk) 06:59, 23 July 2024 (UTC)
🐛 Bar chart dark mode error
Issue Description Chart does not appear in dark mode. White text on a white background. See September 11th Attacks. Added comment to talk page--Kabelsalat22 (talk) 15:52, 23 July 2024 (UTC)
- This should now be fixed, Rjjiii (talk) 20:38, 25 July 2024 (UTC)
✅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? –Thunderforge (talk) 18:25, 23 July 2024 (UTC)
📢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. -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. 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? 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 [https://en.wikipedia.org/wiki/C++ C ] dark mode error, which replaces the ++ 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++". -Thunderforge (talk) 18:41, 23 July 2024 (UTC)
🐛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. —Thunderforge (talk) 18:46, 23 July 2024 (UTC)
🐛 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 . Jdlrobson (talk) 16:16, 24 July 2024 (UTC)
📢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. –Thunderforge (talk) 18:56, 23 July 2024 (UTC)
✅️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 85,716 articles, mostly via the Template:Expand language family of templates. For example 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. -Thunderforge (talk) 19:08, 23 July 2024 (UTC)
✅️The Keys to the White House - Wikipedia dark mode error
Issue Description:
In this page 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. — Preceding unsigned comment added by Ainny27 (talk • contribs)
📢 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 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.
✅Wizardry dark mode error
Issue Description
For the big table in the Games section of the Wikipedia article on the 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.
📢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 here for an example in a page.
📢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 [reply] 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 [edit] or [subscribe] links. -Thunderforge (talk) 05:07, 25 July 2024 (UTC)
❓Rhenium dark mode error
Issue Description
Issue Description
- @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. --SCP-2000 (talk) 04:12, 27 July 2024 (UTC)
✅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.
Issue with en:Module:Election_results not adhering to Special:LintErrors/night-mode-unaware-background-color. Jdlrobson (talk) 18:59, 26 July 2024 (UTC)
✅ 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.
✅️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.
✅️ Report by User:Aayush jadhav007
Issue Description: The transparent images aren't visible appropriately due to dark mode.
- @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. --SCP-2000 (talk) 16:56, 27 July 2024 (UTC)
- I encountered on this wiki page about diols(in organic chemistry) [2] in dark mode.
- The screenshot of the issue [3]. I do understand it's because of transparent background and black color of text, but it is pretty inconvenient. Aayush jadhav007 (talk) 17:31, 27 July 2024 (UTC)
✅️ 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.
✅️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.
📢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
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. Helpful Cat (talk) 08:35, 28 July 2024 (UTC)
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. 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.
📢Love on Top of Love dark mode error
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.
📢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 homepage.
--Deanna Earley (talk) 22:32, 28 July 2024 (UTC)
Banners are intentionally light themed only right now per phab:T365324#9818110. Jdlrobson (talk) 05:00, 29 July 2024 (UTC)
❓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. Ltwin (talk) 02:58, 29 July 2024 (UTC)
- @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. SCP-2000 (talk) 14:00, 29 July 2024 (UTC)
✅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.
🐛Articles for creation/Categories dark mode error
Issue Description Highlighted text is illegible, FlaggedRevs related issue. History page.
📢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.
- @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)? --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.
You have the gadget enabled. Please disable the gadget per these instructions. Jdlrobson (talk) 02:07, 30 July 2024 (UTC)
- cc User:Woodge200000. You may see above comment. --SCP-2000 (talk) 16:44, 8 August 2024 (UTC)
📢Main Page dark mode error
Issue Description
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. (disregard - I had a custom CSS style applied that was causing this!)
Issue Description The colors for clicked hyperlinks for all articles could be improved. The purple could be brighter, or at least lighter.
📢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
📢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.Redacted II (talk) 01:44, 30 July 2024 (UTC)
✅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.
📢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 these instructions. Jdlrobson (talk) 21:51, 30 July 2024 (UTC)
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.
✅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.
📢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
You have the gadget enabled. Please disable the gadget per these instructions. Jdlrobson (talk) 11:36, 12 August 2024 (UTC)
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.
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.
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.
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. Rjjiii (talk) 23:17, 31 July 2024 (UTC)
- It's fixed, Rjjiii (talk) 00:08, 2 August 2024 (UTC)
Labour movement dark mode error
Issue Description 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. See also the screenshot. --SCP-2000 (talk) 04:37, 1 August 2024 (UTC)
Javanese script dark mode error
Sections: any table. All Latin characters blend completely into the white background
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.
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. Quebec99 (talk) 12:46, 1 August 2024 (UTC)
✅K dark mode error
Issue Description The links in the History table are black.
WikiProject Military history dark mode error
Issue Description Black text on page does not invert when in dark mode. Almost impossible to read.
🐛Homepage dark mode error
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 on my home page
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.
✅Hindi dark mode error
Issue Description Black SVG image in the infobox and similar images below are not visible in dark mode Kabelsalat22 (talk) 17:36, 2 August 2024 (UTC)
"This article is part of a series about" switches text color and isn't accessible
On 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.
✅ Arbitration Committee/Procedures dark mode error
(No summary. Probably "List of contentious topics") Jdlrobson (talk) 11:36, 12 August 2024 (UTC)
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. MwGamera (talk) 21:23, 3 August 2024 (UTC)
🐛Homepage dark mode error
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).
📢dark mode error
Issue Description Too high contrast in dark mode, it's difficult to read
a little lighter background would help a lot — Preceding unsigned comment added by Mightypork (talk • contribs)
✅️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.
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.
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.
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
🐛Homepage dark mode error
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.
🐛Homepage dark mode error
Issue Description On the special logged in homepage the images for the most viewed edits are color inverted and appear demonic
🐛SJ AB dark mode error
Issue Description Links to non-existing articles are marked blue instead of red.
Safari version history: dark mode error
Issue Description Some links are illegible. (non existent article, issue relating to interface message.)
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.'
✅ 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)
Sfn dark mode error
Issue Description Template:Sfn and Template: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)
✅️Tabletennisbox dark mode error
Issue Description
The template is not legible in dark mode. This affects a huge amount of pages such as 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.'
- @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.--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. JohanWikiPaul (talk) 12:54, 15 August 2024 (UTC)
- @JohanWikiPaul: Thanks for your reply. Feel free to file a new bug report if you see another issue. SCP-2000 (talk) 17:39, 15 August 2024 (UTC)
📢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.
✅ 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. Sdrqaz (talk) 22:05, 14 August 2024 (UTC)
✅️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.
🐛 Crocuta dark mode error
links to non-existent pages show the same colour as normal links within the infobox
Issue Description
🐛 Report by User:Psinclairshaw
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, Sdrqaz (talk) 23:47, 11 August 2024 (UTC)
- For clarity, the text is illegible (so not general feedback). Sdrqaz (talk) 12:31, 12 August 2024 (UTC)
DownloadAsPdf dark mode error
Issue Description
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.
Dependency hell dark mode error
Issue Description Preformatted code blocks still use the light mode color scheme.
Nations at the 2016 Summer Olympics dark mode error
Issue Description Black on black text in the template header.
✅ P-T extinction graphical timeline dark mode error
Issue Description Black on black text
❓ 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 Snowmanonahoe, but it doesn't seems to be fully working. Thanks, 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 .ext-templatewizard-templatetitlebar) is unreadable because:
- the text color is set via
load.phpto the--color-basevariable,#eaecf0 - the background color is set inline, and to
#f8f9fa.
I hope that's helpful enough!
Spida-tarbell (talk) 04:13, 15 August 2024 (UTC)
- @Spida-tarbell: Could you give a screenshot of the issue (you can upload to imgur and send link)? Matrix (talk) 09:21, 26 August 2024 (UTC)
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.
❓ 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.
- @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)? SCP-2000 (talk) 17:43, 15 August 2024 (UTC)
🐛Brainfuck dark mode error
The syntaxhighlight extension always displays a code snippet in light mode regardless of what the user has selected.
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
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.
🤖 ✅ ToadetteEdit/common.js dark mode error
Issue Description When clicking "Manage user scripts", the content of the resulting box is almost illegible.
✅ 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.
✅ 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.
🐛 Uno (card game) dark mode error
Issue Description The "latest accepted version" icons are black on a black background.
✅ 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. --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.
- @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)? SCP-2000 (talk) 16:27, 22 August 2024 (UTC)
✅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'
- @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)? SCP-2000 (talk) 09:20, 25 August 2024 (UTC)
🐛 OCaml dark mode error
Issue Description <syntaxhighlight> tags do not respect the background, as found here.
❓ Homepage dark mode error
Some letters on my homepage are not inverting. This mainly includes suggested articles page and its settings.
- @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. SCP-2000 (talk) 01:45, 26 August 2024 (UTC)
❓ Main Page dark mode error
Issue Description Cannot read some texts.
- @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. SCP-2000 (talk) 08:15, 26 August 2024 (UTC)
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.
✅ Talk quote block/testcases dark mode error
Issue Description
As can be seen at Template:Talk quote block/testcases#Archived, when the Talk quote block template is embedded inside an {{Archive top}}, the template's dark-mode TemplateStyles colors are inverted back to light mode. I attempted to apply the mw-no-invert class to the template's <blockquote> element, but if I'm reading the CSS applied by enWiki correctly (wrapped for readability):
@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);
}
}
...The mw-no-invert class will only disable the invert filter if the element in question has the oo-ui-iconElement-icon class, which the template's <blockquote> 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 Vector-2022.css.) FeRDNYC (talk) 15:40, 26 August 2024 (UTC)
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. SCP-2000 (talk) 12:51, 27 August 2024 (UTC)
✅ Mongolian script dark mode error
Issue Description
Writing direction symbol in preamble, generated by
{{TextDir|tb-lr|full}}
in wikitext.
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.
✅ Maximum entropy probability distribution dark mode error
Issue Description In the "Table of probability distributions and corresponding maximum entropy constraints" table under
the latex equations are unreadable because the table background is white and so is the text.
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.
| screenshot |
|---|
|
![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.]]](/https/m.mediawiki.org/wiki/File:2024-08-29_11-37-16_589x1015_scrot.png)
✅ WikiProject Climbing dark mode error
Issue Description
Nearly-invisible, dark-gray-on-black text in dark mode. Caused by the style="background: transparent;" 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 style="background: transparent;" makes all text visible. 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 project talk page, and did so. FeRDNYC (talk) 16:40, 22 September 2024 (UTC)
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 Template:Routemap
📢 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. SCP-2000 (talk) 05:57, 31 August 2024 (UTC)
✅ Dark mode issue in page List of tlatoque of Tenochtitlan
Issue Description Some of the tables don't get converted to dark mode, making them clash a lot. — Preceding unsigned comment added by Kharakhov (talk • contribs) 12:48, 1 September 2024 (UTC)
- @Kharakhov: The table had a forced background color, so I removed it. --ZandDev (talk) 17:43, 1 September 2024 (UTC)
Immigration to Japan dark mode error
Issue Description The colour of the bars between the text in the table is inconsistently white or grey. Cepeli (talk) 20:49, 1 September 2024 (UTC)
✅ 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 this change —TheDJ (Not WMF) (talk • contribs) 10:31, 4 September 2024 (UTC)
✅ 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.
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 Matrix (talk) 11:03, 8 September 2024 (UTC)
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
Rome dark mode error
Issue Description The white dot in the map of Rome, Italy shows as black in Dark Mode.
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.
1957 in spaceflight dark mode error
Issue Description The "Orbital Launches" and "Suborbital Launches" hurts both me and my eyes.
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.
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.
WTA 1000 Series singles records and statistics dark mode error
The sorting arrows are not displaying in dark mode when using |style="background-color:white" in 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? Qwerty284651 (talk) 16:40, 6 September 2024 (UTC)
Hypergraphia dark mode error
The colours look weird on Wikipedia, with dark mode on. Essentially, the blue coloured words looked weird.
- @Andrew Diyue Liu: Could you please give the example? Thanks. --SCP-2000 (talk) 05:28, 8 September 2024 (UTC)
The Blitz dark mode error
Issue Description
Background information -> Luftwaffe and strategic bombing:
"Main article" background overflows into navbox
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).
External links dark mode error
Infobox is white: https://en.wikipedia.org/wiki/Template:Linking_and_page_manipulation
Ü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.
Garry Williams (cricketer) dark mode error
Issue Description The blue link in the Editnotice turned dark grey, made it hard to see.
🐛 Main Page dark mode error
Issue Description Dark Mode seems to also invert images on my homepage and only on the homepage where it shows my most viewed edits.
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.
✅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.
✅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 to chemboxes if the image needs to be inverted. Matrix (talk) 16:46, 20 September 2024 (UTC)
| ImageClass = skin-invert
- 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
<svg fill="#000">and<path stroke="#000">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
<img />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.svgfile). FeRDNYC (talk) 17:04, 22 September 2024 (UTC)
Paul Rudish dark mode error
Issue Description
✅ 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):
✅ 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.) FeRDNYC (talk) 17:37, 25 September 2024 (UTC)
- ...And is fixed now that the dark-mode fixes to that template have been made live. FeRDNYC (talk) 15:42, 8 October 2024 (UTC)
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.
✅ CBB roster dark mode error
Issue Description Player roster unreadable on dark mode (example: [4] )
- The problem here is that the table is being created with
style="background-color: transparent"— remove that unnecessary setting, and the colors become fine. 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. FeRDNYC (talk) 17:48, 24 September 2024 (UTC)
- The requested edit has been applied, and this is now fixed. FeRDNYC (talk) 17:29, 25 September 2024 (UTC)
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.
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
✅Infobox dark mode error
Issue Description <syntaxhighlight>...</syntaxhighlight> always renders with a white-ish (#f8f8f8) background, but it would look much nicer if it had a darker background, ideally matching <pre>...</pre> with var(--background-color-neutral-subtle,#f8f9fa). See example here. Mr. Starfleet Command (talk) 23:13, 28 September 2024 (UTC)
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.
✅ 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.
- Looks like I Am Andumé already fixed this in this edit. FeRDNYC (talk) 05:33, 9 October 2024 (UTC)
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. FeRDNYC (talk) 06:41, 9 October 2024 (UTC)
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.
✅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. --Clump (talk) 17:44, 1 October 2024 (UTC)
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? FeRDNYC (talk) 05:28, 9 October 2024 (UTC)
49ers–Packers rivalry dark mode error
Issue Description Colors of teams (i.e. 49ers) on templates aren't loading properly.
49ers–Packers rivalry dark mode error
Issue Description Colors of teams (i.e. 49ers) on templates aren't loading properly.
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 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. DigitalChutney (talk) 21:10, 4 October 2024 (UTC)
✅ 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 Crosstables. --Susko3 (talk) 00:11, 8 October 2024 (UTC)
- 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
style="background-color: transparent; color: inherit"(which comes out fine because the inherited text color ends up beingwhite, against the dark table background) - creates white table cells with
style="background: black; color: white"(which is also fine, the explicit colors are used) - but it creates black table cells with
style="background: transparent", assuming that the text color will be black, and the background color will be light enough for the black text to show.
- creates normal table cells with
- Problem is, the dark-mode CSS has a (somewhat dubious) rule that sets the text color to
#202122anytime anything is styled with abackgroundproperty of any sort, which means that usingbackground: transparentwithout setting a text color will basically always cause contrast issues. - Anyway, the fix will be to have the module explicitly output
style="background: white; color: black"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. 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
|style=Chessor another|style=mode. FeRDNYC (talk) 09:45, 15 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
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).
✅ 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 class="skin-invert-image" 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
--Susko3 (talk) 00:13, 8 October 2024 (UTC)
- Agreed, the text stops short of explicitly giving directions for the fix, which is to add
class="skin-invert"to the<gallery>tags used. (Or, in these cases, change them fromto<gallery caption="..." >
. I've done so on that page. FeRDNYC (talk) 12:19, 8 October 2024 (UTC)<gallery class="skin-invert" caption="..." >
- 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. 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
<gallery>...</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. FeRDNYC (talk) 05:25, 9 October 2024 (UTC)
Paragraph-based Edit Conflict Interface dark mode error
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. FeRDNYC (talk) 12:23, 8 October 2024 (UTC)
✅ 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.
✅ 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. -GeniusWorkbench4622 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. -GeniusWorkbench4622 00:21, 13 October 2024 (UTC)
✅ 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.
- Matrix fixed most of those, I cleaned up a few stragglers. FeRDNYC (talk) 09:57, 15 October 2024 (UTC)
Main Page dark mode error
Issue Description
The description of Today's Featured Picture has unreadable black on black text. Largely Legible Layman (talk) 00:05, 10 October 2024 (UTC)
Thekhan3 dark mode error
Issue Description
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
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
Homepage dark mode error
Issue Description On my user page, under "Suggested edits," the descriptive text had incredibly low contrast compared to the background.
✅ Requests for comment/History and geography dark mode error
Issue Description
Almost all the text is black. Mellk (talk) 13:20, 16 October 2024 (UTC)
✅ Requests for comment/Politics, government, and law dark mode error
Issue Description
Almost all the text is black. Mellk (talk) 13:20, 16 October 2024 (UTC)
✅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.
✅ 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).
✅ 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.
✅ Time signature dark mode error
Issue Description
Section: Early music usage
The table titled "Proportion Signs" contains black text against the dark mode background.
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.
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.
Page history dark mode error
Issue Description
Homepage dark mode error
Issue Description under "most viewed since your edit" the images are inverted
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.
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).
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).
- This seems caused by the row:
- --ZandDev (talk) 02:35, 30 October 2024 (UTC)
filter: invert(1) hue-rotate(180deg);
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.
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
Administrators' noticeboard/Incidents dark mode error
Issue Description It's difficult to read watchpages with filters with dark mode enabled.
✅ 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.
✅ 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 some improvements. It's not super pretty, but at least it is readable now. —TheDJ (Not WMF) (talk • contribs) 10:54, 5 November 2024 (UTC)
✅ 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. —TheDJ (Not WMF) (talk • 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.
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 :)
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.
Gadigal railway station dark mode error
Issue Description Black table
Template:Infobox historical era dark mode error
Issue Description
The Chronology section of Template:Infobox historical era, with |before= and |after= links displays with background:#F9F9F9; regardless of whether night mode is on or off. Yodin (talk) 02:58, 12 November 2024 (UTC)
- Fixes have been made by @Matrix. --Yodin (talk) 12:57, 15 November 2024 (UTC)
✅ Double-precision floating-point format dark mode error
Issue Description The dark mode color filter (?) doesn't work properly in the "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. —TheDJ (Not WMF) (talk • contribs) 12:07, 12 November 2024 (UTC)
✅ 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.
European Court of Human Rights dark mode error
Issue Description The logo in the side box is way too low contrast.
Confusion and diffusion dark mode advice
"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."
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."
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.
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.
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.
- @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. —TheDJ (Not WMF) (talk • contribs) 12:50, 22 November 2024 (UTC)
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 the page on Elephant's Foot.
This issue occurs in both Firefox and Ungoogled Chromium.
✅ 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. -GeniusWorkbench4622 01:14, 25 November 2024 (UTC)
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?