[wp-trac] [WordPress Trac] #49930: Replace wp-admin color schemes with CSS custom properties

WordPress Trac noreply at wordpress.org
Fri Apr 17 09:41:44 UTC 2020


#49930: Replace wp-admin color schemes with CSS custom properties
----------------------------+-----------------------------
 Reporter:  kburgoine       |      Owner:  (none)
     Type:  enhancement     |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:
 Severity:  normal          |   Keywords:
  Focuses:  ui, css         |
----------------------------+-----------------------------
 There has been some discussion in the #core-css channel on Slack around
 changing the colours used for the colour schemes to use CSS Custom
 Properties. There are a number of complexities and issues that need to be
 considered before this could happen. This ticket is to capture those
 conversations here.

 CSS custom properties have a lot of benefits including future-proofing for
 when media queries focussing on accessibility features are more heavily
 used. For example: `@media (prefers-color-scheme: dark) {}`

 However, the biggest drawback with using CSS Custom Properties is the lack
 of support in older browsers: https://caniuse.com/#feat=css-variables
 shows no support for IE 6 - 11 and therefore a strategy for this would
 also have to be considered.

 Some tickets/resources that already exist that could affect this
 discussion are:
 - https://core.trac.wordpress.org/ticket/26691 Admin Color Schemes:
 generic classes for colors
 - https://github.com/ryelle/admin-color-schemes /
 https://wordpress.org/plugins/admin-color-schemes/ Admin colour schemes
 plugin
 - https://wordpress.org/plugins/dark-mode/ Dark mode feature plugin

 (This is not an exhaustive list, only what has been mentioned in Slack
 already)

 Also see this discussion in Slack:
 https://wordpress.slack.com/archives/CQ7V4966Q/p1586792806203800
 and https://wordpress.slack.com/archives/CQ7V4966Q/p1586793176207300

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49930>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list