| F5289904: M82 Color palette WikimediaUI Style Guide 2017-01-15.png | |
| Jan 15 2017, 11:04 PM |
| F4820107: M82 Color palette WikimediaUI Styleguide 2016-11-21 (addition of WMUI color labels, improved red and fixed minor label inconsistencies).png | |
| Nov 21 2016, 10:59 PM |
| F4696734: M82 Color palette 2016-11-04 (with WCAG conformance levels in every color).png | |
| Nov 4 2016, 8:59 PM |
| F4604872: M82 Color Palette 2016-10-14 (Secondary color overhaul, more WCAG documentation).png | |
| Oct 15 2016, 1:53 AM |
| F4604738: M82 Color Palette 2016-10-14 (Secondary color overhaul, more WCAG documentation).png | |
| Oct 15 2016, 12:58 AM |
| F4470722: M82 Color palette WikimediaUI Styleguide 2016 2016-09-15.png | |
| Sep 15 2016, 8:17 AM |
| F3840762: Artboard M82_160406.png | |
| Apr 7 2016, 12:41 AM |
| F3366044: abusefilter-outdated.png | |
| Feb 19 2016, 8:51 AM |
| Current Revision | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
Wikimedia Design color palette for user interface used throughout Foundation products. This Phabricator mock has been closed, visit https://design.wikimedia.org/style-guide/visual-style_colors.html for reference of our color palette instead.
It continues for the time being to be part of M101 for the widget collection.
It features WCAG 2.0 conformance level indicators.
I'd like to repeat the comment of revision 2016-09-15 here, because Phabricator Mocks revisions do a weak job in showing history:
New, improved color palette featuring WCAG 2.0 conforming colors.
Outcome of [UI Standardization working with] WMF designers and UX engineers offsite earlier this summer. Thanks to all people involved for this result: @Nirzar, @Pginer-WMF, @RHo, @Jdrewniak, @JGirault
The call for overhauling to high contrast colors conforming to WCAG 2.0 level AA fell on fertile ground.
I suppose it should be considered, see discussion on pl.wiki:
https://pl.wikipedia.org/wiki/Wikipedia:Kawiarenka/Kwestie_techniczne#Kolorowanie_edycji (especially pending-reviews class color).
Thanks @Lothar for pointing out, I've filed T152258: Aligning FlaggedRevision to WikimediaUI color palette received negative feedback – let's discuss this further there.
Can these be added to mw LESS files as official variables we can use everywhere?
That will be super helpful and prevent overloading the code with the same colors over and over.
@Mooeypoo I believe so! Are you looking for https://github.com/wikimedia/WikimediaUI-Base this? :)
@Mooeypoo @Fomafix Thanks for asking! It is very important to have those centralized somewhere and a UI Standardization goal T12335. But there are currently some caveats to overcome:
Regarding 1, I could duplicate the old and introduce the new variables into the file and let the old point to the new ones and deprecate the old ones. But then, still, we shouldn't call it mediawiki.ui/variables, because it simply isn't mediawiki.UI and would lead to discoverability and referencing issues.
Regarding 2, this is IMHO the current show-stopper for giving a stylesheet like WikimediaUI Base Less version a correct place in core. If you have comments, feel free to share them at T112747.
Like @SamanthaNguyen mentioned above Wikimedia UI's Base repo provides base.css and base.less variables with agreed-on UI values for use in volunteer projects built on top of external libraries outside of core, like for example Bootstrap.
@Volker_E What's the problem with having resources/wikimedia-base.less which is a copy and paste of the current distribution of your wikimedia-base repo (in absence of being able to use a package manager) - we do this for jquery and other files?
mediawiki.ui/variables.less can import from the new file to keep its contract but move us away from using that.
e.g. @mediaWikiVarible: @wikimedia-ui-variable
I will happily help migrate us away from mediawiki ui variables if that's what's needed but I worry about having all these places to look...