Page MenuHomePhabricator

Align Vector skin with WikimediaUI color palette
Closed, ResolvedPublic

Description

Recently, some color changes have been applied to MW to use the colors from M82, but colors used in the Vector skin stayed the same. This causes strange (though barely noticeable) inconsistencies. For example, the selected tab still uses #333 (tabs.less), while in core the very similar search headers have been changed to #202122.

There are other colors (mainly in variables.less), which are very similar but different to colors from the palette.

Before:

T153043 Align Vector to color palette _before - Contact list - Wikimedia Office 2017-02-16.png (110×1 px, 19 KB)

After:
image.png (218×1 px, 42 KB)

  • Replace all foreground colors, like selected tabs, portlet headings to DSG color palette
  • Replace all background colors, like gradients to DSG palette

Related Objects

Event Timeline

Volker_E renamed this task from Align Vector skin with Wikimedia color palette to Align Vector skin with WikimediaUI color palette.Feb 16 2017, 7:13 PM

Change 338158 had a related patch set uploaded (by VolkerE):
Align text and border colors to WikimediaUI color palette

https://gerrit.wikimedia.org/r/338158

I would love to see screenshots

Change 338158 merged by jenkins-bot:
[mediawiki/skins/Vector] Align text and border colors to WikimediaUI color palette

https://gerrit.wikimedia.org/r/338158

Change 366731 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] Bring menu tab appearance closer to standard widgets

https://gerrit.wikimedia.org/r/366731

Change 372585 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] Replace grey with WikimediaUI palette color one

https://gerrit.wikimedia.org/r/372585

Change 372585 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Replace grey with WikimediaUI palette color one

https://gerrit.wikimedia.org/r/372585

Change 383018 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] Remove fallback color from tabs

https://gerrit.wikimedia.org/r/383018

Change 383019 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] Replace footer text color with WikimediaUI color palette one

https://gerrit.wikimedia.org/r/383019

Change 383019 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Replace footer text color with WikimediaUI color palette one

https://gerrit.wikimedia.org/r/383019

Change 383018 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Remove fallback color from tabs

https://gerrit.wikimedia.org/r/383018

Change 366731 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Bring menu tab appearance closer to standard widgets

https://gerrit.wikimedia.org/r/366731

Change 386134 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] Optimize SVGs and align to WikimediaUI color palette

https://gerrit.wikimedia.org/r/386134

Change 386134 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Optimize SVGs and align to WikimediaUI color palette

https://gerrit.wikimedia.org/r/386134

Volker_E updated the task description. (Show Details)
Volker_E updated the task description. (Show Details)
Volker_E removed a subscriber: Moushira.

This task has been assigned to the same task owner for more than two years. Resetting task assignee due to inactivity, to decrease task cookie-licking and to get a slightly more realistic overview of plans. Please feel free to assign this task to yourself again if you still realistically work or plan to work on this task - it would be welcome!

For tips how to manage individual work in Phabricator (noisy notifications, lists of task, etc.), see https://phabricator.wikimedia.org/T228575#6237124 for available options.
(For the records, two emails were sent to assignee addresses before resetting assignees. See T228575 for more info and for potential feedback. Thanks!)

Change 603606 had a related patch set uploaded (by Nray; owner: Nray):
[mediawiki/skins/Vector@master] Implement Page, Workspace, Content, and Article Toolbar Containers

https://gerrit.wikimedia.org/r/603606

Change 603606 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Implement Page, Workspace, Content, and Article Toolbar Containers

https://gerrit.wikimedia.org/r/603606

Jdlrobson subscribed.

This looks done to me for Vector 2022 skin. I'm not sure if it should be declined for Vector legacy which presumably should be frozen at this point.

CCiufo-WMF claimed this task.
CCiufo-WMF subscribed.

Closing per above comments