WordPress.org

Make WordPress Core

Opened 2 months ago

Last modified 4 days ago

#41928 new feature request

Dark mode option to enable within wp-admin

Reported by: danieltj Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Administration Keywords: ui-feedback needs-design
Focuses: ui, accessibility 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 (13)

#2 @melchoyce
2 months ago

  • Keywords ui-feedback added

#3 follow-up: @afercia
2 months 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
2 months 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
2 months 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
2 months 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
8 weeks 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 weeks 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 weeks ago

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


6 weeks ago

#11 @danieltj
5 weeks 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.


4 days ago

#13 @afercia
4 days ago

  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.