=== Description
Our icon buttons & links are not currently consistent with each other, and are not following the design style guide spec. We need to update the color of the icons, the total size (i.e. hover area), and the hover color.
We're working on updates as part of a new feature:
https://en.wikipedia.beta.wmflabs.org/wiki/User:JDrewniak?vectorvisualenhancementnext=1
To update:
{F35419518 width=700}
=== Design spec
{F35456202 width=700}
=== Prototype
https://di-collapsible-menus.web.app/Moss
== TODO (with design systems team)
[] Scope is all icons except Echo tray and bell icon, Popups setting cog and watchstar (latter will be taken care of in T234990)
[] Add margin of 8px to all buttons in sticky header and user menu
[] Update mw-ui-icon spec (blocked on talking to design systems team)
[] Change small icons padding from 9px to 6px (see https://phabricator.wikimedia.org/T234990#8229081)
== Todo (web team)
[] Scope is all icons except Echo tray and bell icon, Popups setting cog and watchstar (latter will be taken care of in T234990)
[] Update icon glyph colors to #202122
[] Add margin of 8px to all buttons in sticky header and user menu
== QA
[] Verify that the columns in https://doc.wikimedia.org/mediawiki-skins-Vector/master/js/ui/?path=/story/icon-and-buttons--button show identical button/icons
== Sign off step
[] Make a task for deploying vectorvisualenhancementnext feature.