Do you want to add dark mode to your WordPress website?
These days dark mode is really popular in every social media as it reduces the light effect displayed on the screen. By default WordPress lack this feature. So, you need to use some plugin in order to enable this feature on your WordPress website.
Dark mode can be really beneficial for those developers who are engaged at work till late at night. In short, this mode protects our eyes from the extreme light that the screen displays. In fact, the night mode can be really fashionable as well.
A lot of visitors prefers to explore your content in night mode. So, add the night mode to your website and stay ahead of different websites.
Why should I use a Dark Mode?
Working late at night with high brightness on a computer screen can cause eyestrain. Due to this reason Dark mode is preferred more over Light mode these days.
Don’t worry even if you do your work on mobile devices as night mode can be added to both computer and mobile devices.
As customers prefer night mode more these days. Enabling the dark mode can be the perfect way to engage them more on your website.
All you need to do is install a plugin and change a few settings then we are done!
In this article, we will teach you the easiest way to add dark mode to your WordPress website and WordPress Admin Dashboard.
Adding Night Mode to WordPress Website
First of all, log in to your WordPress Website. Then go to Plugins>>Add New button at the left bar of your page.
Search for the WP Dark Mode plugin. Once you get that plugin Install and Activate it.
If you don’t know the right way to install a WordPress plugin. Go through our article “How to Install a WordPress Plugin”
Once your plugin gets activated, go to Settings>>WP Dark Mode.
In the General Settings, you will be able to Enable Frontend Darkmode. All you need to do is turn on the option to enable night mode in the frontend. Similarly, you can Enable\Disable Show Floating Switch and Os aware Dark Mode as per your requirement.
After making the changes click on the Save Settings button at the end of the page.
In the Switch Settings option leave the Show Floating Switch option as it is. Then choose your Floating Switch Style and Floating Switch Position. There are many more features that make sure to Enable and/or Disable as per your requirement.
Click on the Save Settings button at the end of the page.
In the colour settings, you can choose your own Darkmode Colour Preset from two different option.
Click on the Save Settings at the end to save the change that you have made.
Add Dark Mode to WordPress Admin Dashboard
In order to add the night mode in your WordPress Admin Dashboard, go to General Settings at the top of your page.
All you need to do is Enable the Backend Darkmode option.
After making the change click on the Save Settings option at the end of the page.
Finally, your WordPress Dashboard will look as shown in the screenshot below.
We hope this article helped you to add dark mode to your WordPress Admin Dashboard and your WordPress website. If you have any confusion while following the guide leave your queries in the comment section below.