Skip to main content

How to Add Dark Mode to Your WordPress Admin Dashboard

Do you want to add dark mode to your WordPress admin dashboard? A dark mode color scheme makes it easier to work during late hours by reducing white light emitting from the screen. In this article, we will show you how to easily add dark mode to your WordPress admin dashboard.

Adding dark mode to WordPress admin area

What is Dark Mode and Why Use it in WordPress?

If you often work late at night, then the bright screen light of your computer causes strain on the eyes. Many apps, websites, and even operating systems come with a dark mode color scheme as an alternative.

Dark mode in macOS

Popular websites like YouTube also offer a dark color scheme. This allows users to watch videos late at night with a more comfortable viewing experience.

YouTube dark theme

WordPress comes with admin color schemes, but none of the default color schemes reduce white light coming from your screen.

Luckily, there is a plugin that solves that.

Let’s take a look at how to easily add dark mode to your WordPress admin area for a more enjoyable user experience during late hours.

Adding Dark Mode to Your WordPress Admin Dashboard

The first thing you need to do is install and activate the Dark Mode plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Users » Your Profile page and check the box next to the ‘Dark Mode’ option.

Enable dark mode

Don’t forget to click on the save changes button to store your settings.

Your WordPress admin area will now switch to the dark mode.

Dark mode enabled

Since ‘Dark Mode’ is not an admin color scheme, you can easily use it in combination with an existing WordPress admin color scheme.

Admin schemes with dark mode

At the time of writing this article, the plugin was not compatible with the upcoming Gutenberg editor. However, when writing posts using the new editor, the plugin switches back to the regular admin colors.

It is expected to work with the new editor in an upcoming version. Meanwhile, you can switch to the classic WordPress editor for a consistent dark mode experience.

We hope this article helped you add the dark mode to your WordPress admin dashboard. You may also want to see our guide on the history of WordPress to see the evolution of WordPress interfaces.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Dark Mode to Your WordPress Admin Dashboard appeared first on WPBeginner.

from: WPBeginner
via Editorial Staff

Source: How to Add Dark Mode to Your WordPress Admin Dashboard Via Business Advice.

Comments

Popular posts from this blog

7 Ways to Grow Your SaaS Startup Faster

Every startup looks for ways to catapult a business to success. Here are some tips for accelerating growth for SaaS (software as a service) companies. 1. Start charging early SaaS startups are often hesitant about charging customers. They think that their product is not yet ready, that it’s necessary to get traction and focus on expanding their customer base rather than on growing revenue. Deep inside, however, they often don’t just have enough faith in their product and are not sure if someone will buy it at all. They prefer keeping hundreds or thousands of free users to attempting to win a few serious customers. Big numbers are comforting but the product remains an unverified idea. Building a product should imply increasing revenue. So don’t hesitate too much—put it to the test by charging and see if it works in the real conditions. This is one way to minimize your risk too. Instead of waiting to launch until you’ve invested huge amounts of time and money, launch early. If...

How to Add Web Push Notification to Your WordPress Site

Do you want to add push notifications to your WordPress site? Push notifications allow you to send notifications to users even when they are not visiting your website. In this article, we will show you how to easily add web push notifications to your WordPress site. We will also talk about the best WordPress push notification plugins and how to send desktop & mobile push notifications from your WordPress site. What is Push Notification? Push notifications are clickable messages displayed on top of user’s desktop or notification area on their mobile device. They can be shown even when the user’s browser is not open. Aside from desktop, web push notifications also work on mobile devices. This allows you to reach your users across devices with latest updates and offers. Web push notifications have proven to be a very effective way to convert website visitors into customers and loyal followers. Why Add Web Push Notifications to Your WordPress Site? We have already discussed tha...

7 Best WordPress Job Board Plugins and Themes

Are you looking for the best WordPress job board plugin? There are several WordPress job board plugins that you can use to easily create a job board and charge other companies to post jobs. It is one of the ways to make money from your blog , and you can even use it to post your own job openings. In this article, we have picked the best WordPress job board plugins and themes that you can use. Building a Job Board Website with WordPress WordPress is currently one of the most popular website builders in the market, powering more than 30% of all websites on the internet. It can be used to build almost any kind of website including a job board website. There are two types of WordPress websites which often confuses new users. First, there is WordPress.com which is a hosted solution. Second, you have WordPress.org also called self-hosted WordPress. See our article on WordPress.com vs WordPress.org for a side-by-side comparison. We recommend using self-hosted WordPress.org because it g...