Dark Mode. Go all in on lights out.
Help your website visitors spend more time and eye-pleasing reading experience. Personal preference rules always king. WP Dark Mode can be a game-changer for your website.
Core Features
OS-Based Color Mode
WP Dark Mode automatically shows the dark mode if the OS preferred theme is dark. Your hassle ends here!
Time Mode
No need to worry about scheduling time for dark mode! WP Dark Mode Pro will turn your website into dark mode based on the local time of the user.
Multiple Switch
Multiple dark mode switch button style is available in WP Dark Mode Pro which you can display for your user to turn on-off the dark mode.
Ready-Made Color Schema
Quickly change the dark mode color from the predefined ready-made color schema and make your website look standout for the user!
Elementor And Gutenberg Supported
Since in WP Dark Mode both elementor widget and gutenberg block are available, you can place the dark mode switch button into any page or post by using them.
Make It Yours
You can customize the dark mode background text and color as you want with the custom color feature of our WP Dark Mode. Pick the color schema of your preference and make it yours!
Dark Mode Based Image Support
Worried about how dark images will look in Dark Mode? Don't worry, you can have a different version of the same image. Add a lighter version of your pictures, and WP Dark Mode will automatically serve that. Light or Dark - deliver your audience an extraordinary website 24x7.
Full WooCommerce Support
We really understand the necessity of having a dark mode on your WooCommerce website. So we have added the compatibility of WooCommerce in our WP Dark Mode. Just activate the plugin and let your users enjoy the amazing view of dark mode.
Custom CSS Support
Easily edit buttons, form fields, specific sections or background color of the website on your favourite style using the custom CSS support feature in WP Dark Mode Ultimate.
CSS:
/* Dark Mode Style */
.dummy {
position: relative;
display: inline-block;
box-sizing: border-box;
}
.dummy:before {
top: 0px;
left: 0px;
right: 0px;
width: 100%;
bottom: 0px;
content: '';
height: 100%;
position: absolute;
background: lightgray;
}
Gutenberg Editor Color
You can now change the Gutenberg editor color in WP Dark Mode. There are six different color schemes available for the Gutenberg editor. Switch to any color scheme among them as per your wish.
W-I-D-E Compatibility
WP Dark Mode is compatible with thousands of WordPress themes and plugins by default. However, we have fine-tuned each element for the most popular WordPress themes and plugins.
Increase Page on Time
Reduce Bounce Rate
Improve Readability
Start Using WP Dark Mode and Help Your Website Visitors.