[wp-trac] [WordPress Trac] #49999: Iterating on Admin Color Schemes

WordPress Trac noreply at wordpress.org
Wed Jul 27 18:51:20 UTC 2022

#49999: Iterating on Admin Color Schemes
 Reporter:  ryelle                               |       Owner:  ryelle
     Type:  task (blessed)                       |      Status:  closed
 Priority:  normal                               |   Milestone:  5.7
Component:  Administration                       |     Version:  5.9.3
 Severity:  trivial                              |  Resolution:  fixed
 Keywords:  needs-docs has-dev-note has-copy-    |     Focuses:  ui,
  review                                         |  accessibility, css
Changes (by conectandonet):

 * keywords:  needs-docs has-dev-note => needs-docs has-dev-note has-copy-
 * version:   => 5.9.3
 * severity:  normal => trivial


 Are there plans to change this colour or is this change restricted to just
 the [https://conectandonet.com.br/blog/category/wordpress/ WordPress]
 admin area?

 Replying to [comment:38 ryelle]:
 > A project status update, since we've been quiet on this ticket:
 > - We have generally agreed that a solution using custom properties with
 appropriate fallbacks will be used, but getting any more specific than
 that right now is [https://en.wiktionary.org/wiki/bikeshedding
 > - Instead, we're focusing energy on reducing the number of colors used
 in wp-admin, so that any color scheme can be more easily implemented. This
 is currently in progress, and we'll be looking for design and
 accessibility help to make sure we're using the right colors.
 > - Once we've reduced the colors used, we can pull out those colors into
 custom properties.
 > - The next step will be where the naming conversations and "what should
 be abstracted" will come back into play. It might make the most sense to
 reimplement the current admin scheme pattern using custom properties, then
 moving to expand from there. We can also see where Gutenberg is at this
 > ---------
 > More details for the current stage of the project:
 > - I've written [https://github.com/ryelle/wp-core-color-
 list/tree/main/postcss a tool using PostCSS] which filters through CSS
 files and replaces every color in the file with the "closest" color in a
 list. [https://inspiring-stonebraker-7fc5ed.netlify.app/ Here's an example
 of how the matching works.]
 > - This will let us programmatically reduce the colors in wp-admin, using
 a color palette provided by design.
 > - [https://github.com/ryelle/wordpress-develop/pull/1 This PR is a
 demo,] using a palette proposed in 2019. You can see some of the limits
 here. For example, there are no oranges in the palette, so pending
 comments don't have special backgrounds. Should the color palette be
 updated to add an orange hue? Another example, the light blue background
 of active plugins is converted to white. Maybe there should be a lighter
 blue, or maybe it's okay to only indicate active with the side border. Or
 maybe these questions are irrelevant, because we should use a different
 color palette.
 > There will be a post on make/design to get more input on the above
 questions in the next 24 hours.

Ticket URL: <https://core.trac.wordpress.org/ticket/49999#comment:142>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform

More information about the wp-trac mailing list