Make WordPress Core

Opened 6 years ago

Closed 5 years ago

Last modified 3 years ago

#41928 closed feature request (maybelater)

Dark mode option to enable within wp-admin

Reported by: danieltj's profile danieltj Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Administration Keywords:
Focuses: ui Cc:

Description

I'd like to propose a new feature within the wp-admin area of a 'Dark Mode'. Much like Twitter where the entire UI uses bright colours such as white but also lets you turn on a dark mode which will switch the UI colour scheme to a much darker colours.

I'd like to propose this as a feature for use within wp-admin only. This shouldn't affect the front-end in anyway, shape or form as that is handled by themes. However the ap-admin area cannot be customised in the same way and can sometimes be a bit too strong on the eyes. I think a dark option would make it easier for people to use the admin area, especially late at night.

My idea for this is that it would be an option within the user profile section along with other user related sections. A checkbox to enable dark mode would then include an extra stylesheet in the back-end for that logged in user. This would be a great thing to include in 4.9 but I appreciate that that's incredibly optimistic. I think the wider WordPress community would benefit from this very simple feature and help improve the accessibility for everyone using Core at night time.

Change History (24)

#2 @melchoyce
6 years ago

  • Keywords ui-feedback added

#3 follow-up: @afercia
6 years ago

Although "dark mode" and "high contrast color scheme" are not necessarily the same thing, see also the discussion on #22104.

#4 in reply to: ↑ 3 ; follow-up: @danieltj
6 years ago

Replying to afercia:

Although "dark mode" and "high contrast color scheme" are not necessarily the same thing, see also the discussion on #22104.

Thanks, I'd consider this ticket (Dark Mode) to not be the same as high contrast as that feature on Windows and iOS will invert the colours only. I imagine that this would transform the admin area to a nicer dark colour scheme which also meets recommended accessibility guidelines.

Would this be something worth starting off as a plugin to begin with and integrate into Core once it's at a stable enough product? The bulk of the work involved is making the new stylesheet, apart from that it's a basic profile option.

#5 in reply to: ↑ 4 ; follow-up: @melchoyce
6 years ago

Replying to danieltj:

Would this be something worth starting off as a plugin to begin with and integrate into Core once it's at a stable enough product? The bulk of the work involved is making the new stylesheet, apart from that it's a basic profile option.

Plugin would be easier for testing. You might also be able to start it as a color scheme, and then add in more styles for the ones the base scheme file doesn't cover. Check out the files in src/wp-admin/css/colors for examples.

#6 in reply to: ↑ 5 ; follow-up: @danieltj
6 years ago

Replying to melchoyce:

Replying to danieltj:

Would this be something worth starting off as a plugin to begin with and integrate into Core once it's at a stable enough product? The bulk of the work involved is making the new stylesheet, apart from that it's a basic profile option.

Plugin would be easier for testing. You might also be able to start it as a color scheme, and then add in more styles for the ones the base scheme file doesn't cover. Check out the files in src/wp-admin/css/colors for examples.

Okay thanks, how do you go about getting a plugin into 'beta testing'? This would be something worth doing as a beta to get more feedback from users I reckon. I'll look into starting the plugin soon.

#7 in reply to: ↑ 6 ; follow-up: @melchoyce
6 years ago

Replying to danieltj:

Okay thanks, how do you go about getting a plugin into 'beta testing'? This would be something worth doing as a beta to get more feedback from users I reckon. I'll look into starting the plugin soon.

Once it's in the plugin directory, you can ping folks in the #meta slack channel to get it into beta testing.

#8 in reply to: ↑ 7 @danieltj
6 years ago

  • Keywords needs-design added

Replying to melchoyce:

Replying to danieltj:

Okay thanks, how do you go about getting a plugin into 'beta testing'? This would be something worth doing as a beta to get more feedback from users I reckon. I'll look into starting the plugin soon.

Once it's in the plugin directory, you can ping folks in the #meta slack channel to get it into beta testing.

I've created the plugin, just need to get the stylesheet to a beta-testing point.

Could do with adding in a hook for plugin authors to check if the user is using Dark Mode and will also need to get some design done for it ideally too.

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


6 years ago

This ticket was mentioned in Slack in #meta by danieltj. View the logs.


6 years ago

#11 @danieltj
6 years ago

Finally got around to adding it into the directory, plugin is here; https://wordpress.org/plugins/dark-mode/ and if you're interested in helping out, GitHub repo is over here; https://github.com/danieltj27/Dark-Mode.

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


6 years ago

#13 @afercia
6 years ago

  • Milestone changed from Awaiting Review to Future Release

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


6 years ago

#15 @rianrietveld
6 years ago

  • Focuses accessibility removed

#16 @rianrietveld
6 years ago

Removed the accessibility label after discussing this in weekly a11y meeting

This ticket was mentioned in Slack in #core by danieltj. View the logs.


6 years ago

#18 @danieltj
6 years ago

The merge proposal for the Dark Mode feature plugin has started to get drafted.

See the details on GitHub.

#19 @danieltj
5 years ago

  • Keywords ui-feedback needs-design removed
  • Resolution set to maybelater
  • Status changed from new to closed

Closing this as it's no longer a feature plugin and I've handed over development to someone else.

#20 @desrosj
5 years ago

  • Milestone Future Release deleted

#21 @SergeyBiryukov
4 years ago

#51055 was marked as a duplicate.

This ticket was mentioned in Slack in #core by sergey. View the logs.


3 years ago

#23 @SergeyBiryukov
3 years ago

#52300 was marked as a duplicate.

This ticket was mentioned in Slack in #core by sergey. View the logs.


3 years ago

Note: See TracTickets for help on using tickets.