WP Dark Mode Pro helps your website visitors spend more time and a pleasing reading experience. Personal preference rules are always king. WP Dark Mode can change the rules of the game on your website.
core functions
Operating system-based color mode
If the preferred theme of the operating system is dark, WP Dark Mode automatically displays Dark Mode. Your troubles are over!
time pattern
Dark mode No need to worry about scheduling time! WP Dark Mode Pro turns your website to dark mode based on the user’s local time.
a multi switch
There are several dark mode toggle button styles available in WP Dark Mode Pro that you can display for users to turn dark mode on or off.
Ready-made color schemes
Quickly change dark mode colors in predefined ready-made color schemes to make your site stand out from the user’s eye!
Support for Elementor and Gutenberg
Since both the elementor widget and Gutenberg block are available in WP dark mode, you can use them to place the dark mode toggle button into any page or post.
Make it yours.
You can customize the dark mode background text and color as desired using WP Dark Mode’s Custom Color feature. Choose your favorite color scheme and make it yours!
Image support based on dark mode
Worried about how dark the image looks in dark mode? Don’t worry, you can have different versions of the same image. Add a light version of the picture, WP Dark Mode will automatically provide the service. Light or Dark-Provide your audience with a 24 × 7 extraordinary website.
Full WooCommerce support
We are well aware of the need to set up dark mode on WooCommerce websites. Therefore, we added WooCommerce compatibility to WP Dark Mode. Simply activate the plug-in and give your users an amazing view of dark mode.
Custom CSS Support
Easily edit your website’s buttons, form fields, specific sections, or background colors in the style you like with custom CSS support in WP Dark Mode Ultimate.
/* 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 Colors
You can now change Gutenberg Editor colors in WP Dark mode. The Gutenberg Editor has six different color schemes available. Switch to any color scheme as you wish.
broad compatibility
WP Dark Mode is compatible by default with thousands of WordPress themes and plugins. However, we fine-tuned each element for the most popular WordPress themes and plugins.
Increase page display time
Reduced bounce rate
improve readability