Make WordPress Core

Opened 5 months ago

Last modified 2 weeks ago

#40633 new enhancement

Update wp-admin gray colors aka 50 Shades of WordPress

Reported by: netweb Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: General Keywords: color-contrast
Focuses: ui, administration Cc:


Via https://github.com/WordPress/gutenberg/issues/573#issuecomment-298542708

My process was one of matching values (how light or dark a color is) with the old ones to attempt and reduce them to a smaller list of grays.

The thing with this is, these new ones haven't actually been used in wp-admin - What needs to happen is a search and replace for each color on the left, for their corresponding substitute on the right column, and look at them to make sure everything looks (aesthetically balanced) and works (accessibility-wise) well.

I could use some help with structuring this process. Do we go by individual color form the left column (a ticket per color)? Or a one per color on the right column? Or per groups of colors (dark vs light grays)? etc... help!

Related resources and discussions:

  • https://codepen.io/hugobaeta/full/grJjVp/ - This codepen serves as a playground to analyse and improve the use of colors (specifically the numerous shades of gray) in the WordPress Admin. There are currently 174 colors in the Admin. The right column is a proposal to merge multiple values together for consistency and brevity.
  • Previously #31234 Update wp-admin default colors

Change History (4)

This ticket was mentioned in Slack in #core-editor by netweb. View the logs.

5 months ago

This ticket was mentioned in Slack in #design by netweb. View the logs.

5 months ago

#3 @afercia
5 months ago

  • Keywords color-contrast added

Linking to all the other colors-related tickets (keyword: color-contrast).

This ticket was mentioned in Slack in #design by melchoyce. View the logs.

2 weeks ago

Note: See TracTickets for help on using tickets.