Hey folks! Over in #core-css, we’ve been trying to audit and simplify the CSS used in core. Part of that includes simplifying the colors used throughout wp-admin, and we could really use your guidance here.
We have an automated tool that will replace all the colors in WordPress’s CSS with the closest color in a given list – which will let us quickly standardize on a color palette. In fact, this demo reduced the number of unique colors from 201 to 100.
The main question we have: Is this color palette the correct set of colors to use (from @drw158 in Nov 2019)? I’ve also seen this g2 list, and I know there are some colors identified in the Figma.
Once we decide on a color list, we’ll also need some help checking over each screen to make sure the replacements look good and have sufficient color contrast. It would be great to get some volunteers working together from design, accessibility, and core-css. If you are interested in helping with this work, please leave a comment on this post, or drop a message in the #core-css channel in Slack.
For reference, here are some before & after screenshots of a few wp-admin pages using the current colors, and the same pages using this reduced set of colors.
-
Customizer with reduced colors -
Customizer (trunk) -
Dashboard with reduced colors -
Dashboard (trunk) -
Login screen with reduced colors -
Login screen (trunk) -
Plugins with reduced colors -
Plugins (trunk) -
Themes with reduced colors -
Themes (trunk)
+make.wordpress.org/accessibility