userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

feat(lib/mediawiki): use codex style guide

Open WalkQuackBack opened this issue 2 months ago • 3 comments

Use the Wikimedia Codex color design tokens to base the colour bindings.

This makes the appearance of the style more consistent with base Wikipedia.

WalkQuackBack avatar Oct 24 '25 17:10 WalkQuackBack

Related to #1866

WalkQuackBack avatar Oct 29 '25 21:10 WalkQuackBack

Can you explain more about what these changes do or fix?

uncenter avatar Nov 04 '25 00:11 uncenter

Can you explain more about what these changes do or fix?

Sure! Using the latest version of the library, there's cases where table backgrounds and borders use the same colour which is bad for contrast. In addition, there was a few unthemed variables that are used on other MediaWiki wikis but are part of the Codex style guide spec.

This is using feat/mediawiki-lib-integrate modified to point to both versions of the libraries as they are not deployed yet.

First example, on Wikipedia - Help:Sortable_tables image Before PR

image _After PR_

Second example, on Wikipedia - Help:Introduction_to_tables_with_Wiki_Markup when signed out. image Before PR

image _After PR_

Third example, in the footer on Wikipedia. Contrast is improved by a lot, closer to matching the style guide contrast recommendations. image Before PR

image _After PR_

Fourth example, buttons now have a colour change when pressed. image Before PR, hover image Before PR, active

image _After PR, hover_ image _After PR, active_

WalkQuackBack avatar Nov 04 '25 19:11 WalkQuackBack