This OOUI release also features – synchronous to the latest Codex release – the amended colors from the expanded Codex color palette [1].
The most noticeable changes include
>  the dark mode colors for Links and quiet Buttons (progressive and destructive), visited Link colors for both light and dark modes, and background colors for Messages in both light and dark modes.

Please also take the chance to review and ensure your extension's usage of Codex design tokens [2}, available via mediawiki.skin.variables.less [3]. They are enabling dark-mode or up-to-date colors and other values for free. 

Best,
Volker

[1] https://www.mediawiki.org/wiki/Design_System_Team/Color/Design_documentation 
[2] https://doc.wikimedia.org/codex/latest/design-tokens/overview.html
[3] https://www.mediawiki.org/wiki/Manual:How_to_make_a_MediaWiki_skin#MediaWiki_Skin_Variables

On Thu, Sep 19, 2024 at 11:43 PM Lauralyn Watson <lwatson@wikimedia.org> wrote:

Hi everyone,

OOUI v0.51.0 was released yesterday, followed by v0.51.1 today.

Some of the key changes include:

  • The oo-ui-pendingElement-pending animation moves in the correct direction (LTR or RTL) based on the element's text direction. Previously, the animation moved from LTR in both LTR and RTL contexts.

  • The OOUI demo page now utilizes Codex’s expanded color palette.

  • Build improvements in cssjanus, body-parser, mediawiki/mediawiki-codesniffer, and micromatch.

You can find the full list of changes in the release history [1].

For more information about OOUI, please visit the interactive demos [2], developer documentation [3], and library documentation [4].

You can also explore more free and open-source software from Wikimedia, including MediaWiki [5], by visiting Wikimedia Documentation [6].

Links mentioned:

  1. https://gerrit.wikimedia.org/g/oojs/ui/+/v0.51.1/History.md

  2. https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr

  3. https://doc.wikimedia.org/oojs-ui/master/js

  4. https://www.mediawiki.org/wiki/OOUI

  5. http://mediawiki.org

  6. http://doc.wikimedia.org



--

Lauralyn Watson (she/they)
Software Engineer
Design System Team
Wikimedia Foundation
_______________________________________________
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-leave@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/