Page MenuHomePhabricator

New buttons in MediaWiki interface are too subtle when highlighted
Closed, DuplicatePublic

Description

When I go to make an edit on (e.g.) en.wp and I tab from the edit window to the edit summary and then the buttons "Save changes", "Show preview", and "Show changes" the highlighting around these buttons is far too subtle to tell what is actually selected by my browser. I dislike the candy coloring in the first place and think it's just ugly design but this is far less usable--it used to be clear which button had the focus and now it's not.

Event Timeline

Koavf created this task.Jul 22 2017, 12:03 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 22 2017, 12:03 AM

@Koavf First off, which is the browser/platform of your choice? (Asking because the default browser focus varies widely between browsers and operating systems)
We're talking about the blue 2px wide primary blue border on :focus that you find subtle?

Koavf added a comment.Jul 23 2017, 6:42 PM

Firefox 55, Windows 10 (Sorry, it's my work computer). I wish they were like your screenshot. See the *very* subtle difference between "Show preview" and "Show changes" below.

Sjoerddebruin added a subscriber: Sjoerddebruin.

Just some little advice: next time, mention the skin you are using.

Volker_E added a comment.EditedJul 23 2017, 7:11 PM

@Koavf This is an issue with underlying OOjs UI (Wikimedia's main user interface library) and its specific theme used in Monobook. With this change recently, bugs like the current one get more attention and priority, but it might still take some time till a well-working solution is found and published.
In the meantime please consider to switch your Skin und “Preferences” > “Appearance” (here link for English Wikipedia) to more modern and frequently maintained & developed Vector – the screenshot above shows the buttons in Vector skin.