MediaWiki talk:Gadget-Blackskin.css

Lemmiwinks2

Considerable improvements to Blackskin.css can be found here: User:Lemmiwinks2/monobook.css. Please note that I am not an expert in css so use at your own risk. Lemmiwinks2 (talk) 21:34, 28 September 2009 (UTC)

Remove the line referencing the green logo

{{editprotected}}

Remove this line: background: url(http://upload.wikimedia.org/wikipedia/en/6/6e/WikiGreen.png) no-repeat; because File:WikiGreen.png was deleted 31 May 2010 for "F4: Lack of licensing information". PleaseStand ^(talk) 04:30, 5 June 2010 (UTC)

I've restored the image instead. :) Amalthea 08:54, 5 June 2010 (UTC)

Skin update

Hi! I've made an updated version of this gadget, and made several improvements where it was lacking. I've fixed the following contents: logo, infobox, tables, table contrast issues, warnings, documentation templates, footer and user signatures.

Here is the updated version: User:Dodoïste/monobook.css. Thanks, Dodoïste (talk) 20:56, 19 June 2012 (UTC)

 Done. Any problems please let me know — Martin (MSGJ · talk) 11:38, 20 June 2012 (UTC)

Thanks. User:Axl who is using this gadget asked me to fix another issue with RFA templates backgrounds. I've updated User:Dodoïste/monobook.css accordingly, here is the difference. Could you update again? Thanks! Dodoïste (talk) 15:51, 25 June 2012 (UTC)

Errors

This stylesheet has some errors which needs to be fixed. Helder 13:01, 3 July 2012 (UTC)

Thanks for checking. I have fixed the said errors in my draft User:Dodoïste/monobook.css, it validates as CSS3. Could an admin update this gadget? Thanks. Dodoïste (talk) 14:33, 3 July 2012 (UTC)

 Done Thank you. Rjd0060 (talk) 07:37, 4 July 2012 (UTC)

A few updates

Per request from user Axl, I've fixed the background of several boxes used on discussion pages such as WP:AN/I. The logo is fixed too. The new version is at User:Dodoïste/monobook.css. Could you update this skin? Cheers, Dodoïste (talk) 17:18, 12 August 2012 (UTC)

Done —TheDJ (talk • contribs) 13:07, 14 August 2012 (UTC)

FYI: Wikipedia:Village pump (proposals)#New Optional Dark Skin for Wikipedia. --Atlasowa (talk) 14:52, 15 September 2012 (UTC)

External links icons removed

Hello! If this CSS adds or modifies icons shown after external links, you'll be interested in knowing that such icons have been removed from MediaWiki core, a change which will reach this wiki in few days. You may want to consider whether you still need them. If you have questions, please ask at bugzilla:63725. Regards, Nemo 09:45, 10 April 2014 (UTC)

Gadget malfunctioning - CSS order.

Since a recent update to style loading triggered by phab:T42284, , this gadget has been malfunctioning. See Gadget CSS order and Black background and green text gadget still malfunctioning - gadget CSS order at the Village Pump Technical. See also phab:T147667. DuncanHill (talk) 22:41, 16 November 2016 (UTC)

Edit request 11 Feb 2017

A workaround until the bug is fixed is raising the CSS specificity by prepending all selectors with html . The following regexp should do the trick: (^|, *)([^{@/,}\n]+?)(?=\s*[{,]) replace with \1html \2 — Dispenser 16:17, 11 February 2017 (UTC)

@Dispenser: I created a sandbox here: MediaWiki talk:Gadget-Blackskin.css/Sandbox, please make your changes in the sandbox, then reactivate the edit request. — xaosflux ^Talk 18:34, 11 February 2017 (UTC)

@Xaosflux: Special:Diff/765146851 — Dispenser 21:24, 12 February 2017 (UTC)

 Done @Dispenser: I synced in the sandbox. — xaosflux ^Talk 23:11, 12 February 2017 (UTC)

I've fixed Vector support and other odds and ends. — Dispenser 21:03, 13 February 2017 (UTC)

Done — Martin (MSGJ · talk) 16:11, 14 February 2017 (UTC)

Edit request 17 Mar 2017

I've refactored the code, cut dead code, and added improved Vector support. — Dispenser 01:36, 18 April 2017 (UTC)

Done — Martin (MSGJ · talk) 07:38, 20 April 2017 (UTC)

Contrast

The colors mostly work well but two things are difficult:

1. Star for watchlisting. The change is barely perceptible.
2. Save button in Visual Editor. I know it's the big blue button but the word is, again, barely perceptible.

Jim.henderson (talk) 17:07, 21 April 2017 (UTC)

I tested you as protanopia colorblind, right? Because there's contrast issue for the people. Its going to be longer as the images need to be remade.
The visual editor bug is a result of the original's signature recoloring code. I'll fix it tonight. — Dispenser 22:08, 21 April 2017 (UTC)

Updates for Visual Editor are include in Special:Permalink/776602400. — Dispenser 01:56, 22 April 2017 (UTC)

Thanks for looking; I am a bit surprised at the outcome. The color change of the watching star is modestly more visible, and the text in the VisEd blue box button is not. Incidentally all my life my eyes have tested yes for astigmatism and myopia, and in recent years yes for presbyopia and small cataracts, but never for any color problem. Maybe on my next ophthalmologist checkup I should ask for extra attention to that detail. Jim.henderson (talk) 20:47, 25 April 2017 (UTC)

Sorry, I confused you with somebody else. I've hue shifted the watch icon in the latest sandbox. Still waiting for an administrator to sync any of the changes. — Dispenser 03:54, 2 May 2017 (UTC)

@Dispenser: the css auto-checked is warning of 80+ warnings on this css, have they all been checked for false positives? — xaosflux ^Talk 19:17, 7 May 2017 (UTC)

It complaining about overqualified, basically saying span.autocomment should be .autocomment which wont work. Stylish, which I use to test, only give me 2 warning about the empty rules. — Dispenser 23:57, 7 May 2017 (UTC)

 Done — xaosflux ^Talk 02:12, 9 May 2017 (UTC)

Splendid; these two items now have clear, obvious contrast. Wow, am I the only one complaining? And, replying with usually a couple days delay, I certainly can't complain when a fix takes several days. Incidentally, I generally like the scheme because it makes less glare when I'm in a mostly dark room. Also, since I've only activated it in EN, it makes obvious the fact that I'm not working in Simple. So, now I see another, smaller problem with contrast. The "More" tab at the top of an article is dark gray on black. Naturally when that gets fixed I'll find some other nit to pick, but if I'm the only critic . . . Jim.henderson (talk) 14:40, 12 May 2017 (UTC)

So, here's the next issue even though that earlier one doesn't seem to have attracted attention. Somehow I hadn't noticed in previous weeks, but when I enter search terms in the "Search Wikipedia" box, the letters are invisible. No problem as long as I type correctly, but when using the arrow key to go back and insert a missing letter, I can't see whether I've gone back far enough. No big hurry, of course; these details would only be important if the skin had many users. Jim.henderson (talk) 11:49, 16 May 2017 (UTC)

Some problems are because of phabricator:T147667 and that I mainly use Monobook and only use the gadget at night. Improved Vector menu support and vector search in Special:Permalink/778277474. — Dispenser 12:00, 20 May 2017 (UTC)

I have disabled this request as it seems to be stale. Please reactivate if consensus is reached. — Martin (MSGJ · talk) 11:25, 24 May 2017 (UTC)

@MSGJ: Whoops, didn't realize I posted an old diff, Special:Permalink/781302409. Is there a fast track for these requests? — Dispenser 16:30, 24 May 2017 (UTC)

@Dispenser: this is  Done — xaosflux ^Talk 03:41, 20 June 2017 (UTC)

Skin comparability updates

I've made some improvements and fixed a few things, notably the Monobook background. Please sync rev 834132217. — Dispenser 03:24, 4 April 2018 (UTC)

 Done — Martin (MSGJ · talk) 12:42, 10 April 2018 (UTC)

Rev. 834132217 to workaround T191941 Gadget CSS should be applied after Site styles. — Dispenser 11:55, 12 April 2018 (UTC)

 Done — Martin (MSGJ · talk) 06:33, 16 April 2018 (UTC)

Gadget no longer working properly

Most pages now displat the main content with green text on a greyish background. The edit box still works as green on black. Happenned today, but for the last few days the Wikipedia golfball and a strip at the top of the page were displaying as a grey background instead of black. DuncanHill (talk) 15:01, 10 April 2018 (UTC) I should mention I use Monobook. DuncanHill (talk) 15:01, 10 April 2018 (UTC)

Apparently, MediaWiki:Monobook.css which colors article backgrounds white and 'meta' page light-blue loads after this gadget, override the styling. Before today's edit, I was clobbering all CSS to workaround phab:T147667, but that cause other subtle issues. Of course I didn't account for this in my testing, but I've addressed it with my latest edit. — Dispenser 03:15, 11 April 2018 (UTC)

Issue with Pie Chart templates

I started a thread at Wikipedia:Village_pump_(technical)#Deformed_pie_chart which turns out to be a conflict between the templates and this gadget. To avoid splitting discussion, please could people respod there? Thank you, DuncanHill (talk) 13:09, 4 June 2018 (UTC)

Syntax highlighting causes issues

On the 2010 editor it turns the background white and the plaintext black. On the 2017 editor only the text changes color and becomes invisible. Selecting any of the highlighted text will hide that as well.--Nickps (talk) 14:40, 22 June 2018 (UTC)

Notifications problem

Notifications (thanks, pings) display black text on a black background. I raised this at the village pump Wikipedia:Village_pump_(technical)/Archive_165#Issue_with_blackscreen_gadget_and_Notices a year ago, and the was a Phabricator thingy about it but it was closed as invalid. Can anyone help? Thanks, DuncanHill (talk) 23:33, 27 June 2019 (UTC)

@DuncanHill: Here are four rules from meta:User:Redrose64/global.css, they go as a set:

/* Make the notifications counters a bit more noticeable. White on red for alerts where at least one is unseen */
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications::after,
#pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after {
  background-color: #D11813; /* Vector's colour instead of MonoBook's #DEA4A2 */
  color: white;
}
/* White on blue for notices where at least one is unseen */
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after,
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after {
  background-color: #0D5EF2; /* MonoBook's #B7CFFB reduced to 50% lightness */
  color: white;
}
/* Red on white for alerts which have all been seen (not necessarily marked as read) */
#pt-notifications-alert .mw-echo-notifications-badge::after {
  font-size: 1em;
  background-color: white;
  color: #D11813;
}
/* Blue on white for notices which have all been seen */
#pt-notifications-notice .mw-echo-notifications-badge::after {
  font-size: 1em;
  background-color: white;
  color: #0D5EF2;
}

Unread notifications produce numbers like these; undismissed read notifications produce numbers like these. If you want to use them on all Wikimedia sites, put them in meta:Special:MyPage/global.css; if you want them at English Wikipedia only, put them in Special:MyPage/common.css. Although not designed with Blackskin in mind, they should work with it since both forground and background colors are set explicitly rather than being inherited. You can make the counters red (or blue) with black instead of red (or blue) with white by altering the four instances of white to black. --Redrose64 🌹 (talk) 10:58, 28 June 2019 (UTC)

@Redrose64: Thank you! I only use blackscreen on enwiki as I don't spend long enough on the other sites for the screens to hurt my eyes. I can certainly read my notifications now! Will see what they look like when I get some pings and thanks. DuncanHill (talk) 14:08, 28 June 2019 (UTC)

@Redrose64: and now I can't read them properly again. It's the box to the right of the picture of a happy face or conversation icon when it drops down. Black text on a black background. DuncanHill (talk) 15:49, 28 June 2019 (UTC)

Increase font weight

Especially with the new vector skin, this gadget's dark mode really lacks text clarity. Increasing the font weight suitably would solve the problem. Aaron Liu (talk) 11:55, 4 June 2022 (UTC)

 Not done please test this out first (you can use your personal css) and come up with an exact value that you want something changed to, which may need to be skin-specifically wrapped, when you have code ready to go reactivate the edit request. If this is just a suggestion for someone else to look in to it - that's fine too, discussion can certainly continue below. — xaosflux ^Talk 14:42, 4 June 2022 (UTC)

Prepare for T314318

Can someone make this edit in preparation of enabling the changes to media rendering? https://en.wikipedia.org/wiki/Special:ComparePages?page1=MediaWiki%3AGadget-Blackskin.css&rev1=1099887124&page2=User%3AArlolra%2Fsandbox%2FMediaWiki%3AGadget-Blackskin.css&rev2=1158090047&action=&unhide=

There's some explanation of the reason for this change at mw:Parsoid/Parser_Unification/Media_structure/FAQ

Thank you, Arlolra (talk) 23:01, 1 June 2023 (UTC)

 Done Izno (talk) 23:15, 1 June 2023 (UTC)

You are quick :) Many thanks. Arlolra (talk) 23:44, 1 June 2023 (UTC)