[Wikitech-l] Changes in colors of user interface - Wikitech-l - lists.wikimedia.org
Keyboard Shortcuts
Thread View
: Next unread message
: Previous unread message
j a
: Jump to all threads
j l
: Jump to MailingList overview
2026
April
March
February
January
2025
December
November
October
September
August
July
June
May
April
March
February
January
2024
December
November
October
September
August
July
June
May
April
March
February
January
2023
December
November
October
September
August
July
June
May
April
March
February
January
2022
December
November
October
September
August
July
June
May
April
March
February
January
2021
December
November
October
September
August
July
June
May
April
March
February
January
2020
December
November
October
September
August
July
June
May
April
March
February
January
2019
December
November
October
September
August
July
June
May
April
March
February
January
2018
December
November
October
September
August
July
June
May
April
March
February
January
2017
December
November
October
September
August
July
June
May
April
March
February
January
2016
December
November
October
September
August
July
June
May
April
March
February
January
2015
December
November
October
September
August
July
June
May
April
March
February
January
2014
December
November
October
September
August
July
June
May
April
March
February
January
2013
December
November
October
September
August
July
June
May
April
March
February
January
2012
December
November
October
September
August
July
June
May
April
March
February
January
2011
December
November
October
September
August
July
June
May
April
March
February
January
2010
December
November
October
September
August
July
June
May
April
March
February
January
2009
December
November
October
September
August
July
June
May
April
March
February
January
2008
December
November
October
September
August
July
June
May
April
March
February
January
2007
December
November
October
September
August
July
June
May
April
March
February
January
2006
December
November
October
September
August
July
June
May
April
March
February
January
2005
December
November
October
September
August
July
June
May
April
March
February
January
2004
December
November
October
September
August
July
June
May
April
March
February
January
2003
December
November
October
September
August
July
June
May
April
March
February
January
2002
December
November
October
September
August
July
June
May
April
March
February
List overview
thread
[Wikitech-l] Changes in colors of user interface
Amir Ladsgroup
9 Dec
2016
9 Dec
'16
1:45 a.m.
Hey,
With the deployment of 1.29.0-wmf.5 which just finished on all wikis,
several changes were made in user interface colors.
* Gray boxes (TOC, Wikitables, catlinks, thumbnails, elements in history
etc.) has changed from #f9f9f9 as background to #f8f9fa and #aaa as border
to #a2a9b1. [1] This change is almost not noticeable but in order to keep
consistency between all elements of a wiki page, change such usages in your
Mediawiki:Common.css (for example for infoboxes).
* Search results border and background colors also changed and this one is
also not noticeable. [2]
* "You have new message in your talk page" notification color has changed
from #f9c557 to #fc3 (yellow). [3] This change is noticeable.
These all are parts of works ongoing by WMF designers and engineers to have
a standard UI [4] using standard colors picked from Wikimedia color
palette. [5]
Using consistent colors helps users have better experience and strengthen
branding. Also these colors have passed WCAG standard for accessibility
(for color blind people). Lots have been done already. Such as content
translation [6] wikipedia.org portal [7] [8], mobile frontend [9], Echo
email notification [10], Deffered changes [11] ORES review tool [12],
disambig icon [13] [14], WMF wiki main page [15] and a lot more.
So I recommend you to use the color palette [5] as much as possible.
I must explicitly note that I did a little and I don't think I can talk on
behalf of UI-standardization team :)
[1]:
[2]:
[3]:
[4]:
[5]: Wikimedia color palette:
[6]:
[7]:
[8]:
[9]:
[10]:
[11]:
[12]:
[13]:
[14]:
[15]:
Best
Back to the thread
Back to the list