Dark Mode


About the Plugin

This is a beta plugin that might one day be part of the WordPress core. Please don’t use this on production websites unless you’re happy with the stability as some things may still be experimental.

Using technology at night time can have a negative effect on your eyesight. Dark Mode will darken the colours of your admin dashboard making it easier for you to work at night.

For information on the progress of this plugin, please refer to the Trac ticket or you can get involved on the GitHub repository.

Plugin Developers

As some plugins make use of custom stylesheets, you can use the doing_dark_mode action hook to include a custom stylesheet that supports Dark Mode for your own plugin interfaces when it’s enabled. Alternatively you can use the dark_mode_css filter hook to change the Dark Mode stylesheet for your own version if you’d prefer.


Whilst Dark Mode has been translated into a few different languages already, we need your help! If you have just five minutes to spare, please consider translating Dark Mode into your language today.


  • The dashboard with Dark Mode turned off.
  • The dashboard with Dark Mode turned on.
  • Dark Mode with an admin colour scheme in use.
  • The Dark Mode settings on a user's profile page.


  1. Upload the plugin package to the plugins directory.
  2. Login to the dashboard and activate the plugin.
  3. Go to your profile and enable Dark Mode.


Installation Instructions
  1. Upload the plugin package to the plugins directory.
  2. Login to the dashboard and activate the plugin.
  3. Go to your profile and enable Dark Mode.
Why is there a plugin for this?

WordPress by default has a very bright colour scheme and this can hurt your eyes if you’re working on a website late at night. Dark Mode provides a nice, darker alternative dashboard style.

Can I contribute to this plugin?

Yes, you can follow the Trac ticket for updates and get involved on GitHub with suggestions, feedback and code contributions.

How can I remove the feedback link?

The Feedback link will take a user to the GitHub repository and will only be shown when Dark Mode is currently on for that user. To remove it for every user, put define( 'DARK_MODE_FEEDBACK', false ); in your website wp-config.php file.


Not Bad

Experience with this plugin is quite handy. Having tad issues which can be modified. Thanks

Hope to see it on core soon!

Amazing! I am a lover of dark themes and eye savers

As suggestion for default theme I recommend to change color of admin bar and menu to WordPress primary color (#0073aa)

Just test it:

#adminmenu, #wpadminbar {
    background-color: #0073aa;
Read all 13 reviews

Contributors & Developers

“Dark Mode” is open source software. The following people have contributed to this plugin.


“Dark Mode” has been translated into 8 locales. Thank you to the translators for their contributions.

Translate “Dark Mode” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Fixed a XSS vulnerability with the automatic start & end times. Credit
  • Fixed a bug with the start and end inputs sharing a label element.


  • Fixed a problem with automatic Dark Mode not activating correctly.
  • Fixed issue with PHP 5.4 installs not supporting empty if statements.
  • Added the requires PHP header and set it to 5.4 for compatibility.
  • Improved the CSS for many widget related styling bugs.
  • Fixed issue with UI notices having an incorrect background colour.
  • Added styling to the media attachment modal popup.
  • Fixed CSS conflicts causing the customiser to not be styled.
  • Fixed a variety of smaller UI elements that had incorrect styles.


  • Added support for Code Mirror editor styles.
  • Fixed a bug where automatic Dark Mode was set incorrectly.
  • Improvements to how some core functions worked.
  • Improvements to translation strings.


  • Updated the stylesheet to now include new Customiser styles.
  • Further updates to the readme.txt file to address typos and updates.
  • Moved the toolbar links to the right and added feedback to a drop down.
  • Fixed an issue with Dark Mode being automatically turned on or off.


  • Added link to GitHub repository for people to provide feedback.
  • Added the ability to schedule Dark Mode to come on between certain times.
  • Improved the implementation of certain core functions for better control.
  • Updated the styles to include more areas that were previously unstyled.


  • Added CSS source maps to files making it easier to develop the stylesheet further.
  • Updated a translation string for better clarity.
  • Updated the documentation comments for a few functions.
  • Fixed more issues with elements that are not styled. Thanks to all those who spotted them!
  • Minor optimisations made to the stylesheet to help reduce the file size.


  • Further updates to the colour palette used in the new design.
  • More elements within the dashboard have been styled.


  • Updated the readme.txt file information.
  • Minor improvements to code documentation blocks.
  • Restyled the new Try Gutenberg banner on the dashboard index.
  • Updated the colour palette and swapped blue for purple!


  • Redesigned (most of) the admin dashboard into a darker design.
  • Added a filter hook to change the URL of the Dark Mode stylesheet.
  • Minor improvements to the code.


  • Initial version.