> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Enabling dark mode for WordPress

> Enable Dark Mode on your WordPress site with the WP Dark Mode plugin to protect your eyes and extend battery life.

The use of dark mode in web development and user experience is the most recent trend. When tech firms like Google and Facebook began giving it as a preference to their users, it grew in popularity. The night mode, also known as dark mode, is beneficial to the user's eyes, and it also extends the battery life. This article explains how to install and configure the WP Dark Mode plugin for [WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) sites to enable the dark mode option.

## Installing WP DarkMode plugin in WordPress

To use WP DarkMode Plugin in your WordPress website, follow these steps:

1. Log in to WordPress as the administrator.

2. On the **Dashboard** in the left sidebar, click **Plugins**, and then click **Add New**:\
   ![](https://static.hosting.com/kb/kb_wp_addnewplugin_wpdarkmode.png)

3. Search for "**WP Dark Mode**" click **Install Now**, and then click **Activate** the plugin:\
   ![](https://static.hosting.com/kb/kb_wp_wpdarkmode_search.png)![](https://static.hosting.com/kb/kb_wp_wpdarkmodeplugin.png)

4. On the Dashboard in the left sidebar, click **WP Dark Mode** to access the settings page. Enable the **Enable FrontEnd Darkmode** and **Enable OS aware DarkMode** for site users to have the darkmode option. To have a dark mode option for the admin dashboard, enable the **Backend DarkMode** option on the settings page:\
   ![](https://static.hosting.com/kb/kb_wp_wpdarkmode_settingspage.png)

5. Visitors will have a **Dark Mode** switch to change to either light or dark mode:\
   ![](https://static.hosting.com/kb/kb_wp_wpdarkmode_useroption.png)

## More information

For more information about WordPress customizations, please visit: [https://developer.wordpress.org/themes/getting-started/](https://developer.wordpress.org/themes/getting-started/)

## Related articles

* [Adding a custom logo to WordPress](/docs/adding-a-custom-logo-to-wordpress)

* [Carousel Slider for WordPress](/docs/carousel-slider-for-wordpress)

* [Changing Fonts in WordPress](/docs/change-the-font-in-wordpress)