Skip to main content

Simple And Flexible Pricing

The Most Powerful WordPress Dark Mode Plugin, Without the High Costs

Annual Lifetime
Basic
FREE / forever Basic Features to Start and Test
AI-Powered Color Generator
Frontend Dark Mode
Admin Dashboard Dark Mode
Default Dark Mode
Auto Match OS-Theme
Floating Dark Mode Toggle Button
Display Toggle Button in Menu
Color Adjustments
Classic Editor & Block Editor Compatibility
Toggle Button Size Customization
Toggle Button Position Customization
Gutenberg Dark Mode Toggle Block
Elementor Dark Mode Toggle Widget
Download Now
PRO
popular

$37

30%OFF

$50

30%OFF

$102

30%OFF

$167

30%OFF

$258

30%OFF
29 39 79 129 199

$76

30%OFF

$102

30%OFF

$167

30%OFF

$388

30%OFF

$518

30%OFF
59 79 129 299 399/ Year / Billed once Advanced Features with More Flexibility
All Free Features
From Dark to Light
Custom Toggle Button Builder
Dark Mode Live Edit Widget
Page-Specific Dark Mode
24+ Color Presets
14+ Toggle Switch Styles
Reading Mode New⚡
Image & Video Replacement
Performance Mode
Dark Mode Based Typography
Exclude Posts/Pages
Excludes Elements
Draggable Switch
Usage Analytics
Page Transition Animation
Toggle Switch Attention Effect
Purchase Now

Compare Plans

Features
Free PRO

Frontend dark mode refers to the implementation of a dark color scheme on a website frontend while users interact. This feature is highly beneficial for the users, offering them a comfortable viewing experience

Frontend dark mode refers to the implementation of a dark color scheme on a website backend while admins and moderators interact. This feature is highly beneficial for the admins, moderators, and users offering a comfortable viewing experience

Reading Mode enhances user experience by providing a distraction-free environment, removing clutter from articles and posts for improved focus. It prioritizes readability, accessibility, and ease of navigation, making it an invaluable tool for engaging and effortless content interaction.

Dracula Dark Mode also allows site administrators to seamlessly enable dark mode for their admin dashboard. This provides a consistent look and feel and also help to reduce eye strain when working in the admin dashboard

Dracula Dark Mode not only provides dark mode environment for your website. If you are using dark mode theme and want to enable light mode for your website, you can easily do it with Dark to Light feature. With just one click you can enable light mode environment of your website and choose from our 15+ prebuilt light mode presets

Dracula Dark Mode automatically detect user’s device theme and enable website them to match the user device. Users who prefer dark mode will appreciate the effortless transition and consistent experience

Dracula Dark Mode lets you set the dark mode as your websites default theme. Thus, first-time visitors will experience the site in dark mode

The Performance Mode feature enhances websites loading speed by deferring script loading, reducing initial page load times

Dracula Dark Mode provides a custom toggle button builder that gives you the ability to create your own customized dark mode toggle button. The Custom Toggle Button builder allows you to create a unique toggle switch button that fits seamlessly with your websites design and branding

Dracula Dark Mode allows you to customize the dark mode toggle button size as small, normal, large or even in a custom width and height of the button

You can also enable the draggable switch option to allow users to drag the floating dark mode toggle button to the desired position on the screen

You can also set the custom position for the dark mode toggle button as on the left, right, or even can place the toggle button in a specific location on the site for easy access

Dracula Dark Mode also offers to display dark mode the toggle button in the website navigation menu so that users can easily enable dark mode from the menu

You can allow other users to use the dark mode color scheme on their backend admin dashboard by selectively certain user roles such as: Administrator, Editor, Author etc

Eye-catching effects on the toggle, ensuring users notice the dark mode option

Dracula Dark Mode allows to schedule the dark mode based on the time of the day. This feature can be useful for users who prefer dark mode during nighttime hours and switch back to light mode during daytime hours

You can allow other users to use the dark mode color scheme on their backend admin dashboard by selectively certain user roles such as: Administrator, Editor, Author etc

Dracula Dark Mode provides a custom toggle switch builder that gives you the ability to customize custom switch text, colors and many others

Dracula Dark Mode use an AI-powered algorithm to effortlessly create a dark mode color scheme for your website. Additionally, the plugin offers 24+ popular color presets, with the flexibility to customize your own palette

If any user chooses dark mode on their last visit to your website the plugin will remember their preference and automatically load the same mode when they visit the website again

Dark Mode plugin features a live edit widget to instantly adjust and see settings like colors, buttons, and typography. Skip back-end edits and easily exclude elements or replace images. Its a real-time view that saves you time

Dracula Dark Mode offers color adjustment options for its dark mode theme, including brightness, contrast, sepia and grayscale. To insure perfect match of the dark theme is with your website design

This advanced AI-driven feature intuitively determines the best dark mode color scheme for your website, eliminating complex configurations. Its not just about looks — its about smart design.

Dracula Dark Mode allows custom color customization for both dark mode and light mode. This feature will let customize what your eye wants

The Dracula Dark Mode plugin offers 24+ popular color presets (including dark mode and light mode), with the flexibility to customize your own palette.

Dracula Dark Mode allows you to set a different font family with a customized font size when dark mode is enabled to improve readability and legibility of their website

Dracula Dark Mode allows having darken background images for a eye-safety viewing experience

Dracula Dark Mode allows customizing image brightness. Also you can enable low brightness images to automatically reduce the image brightness

Dracula Dark Mode offers a floating dark mode toggle button with 14+ attractive styles that allows users to easily switch between the light and dark modes

Dracula Dark Mode offers Grayscale Image enabling feature. This feature will give extra grayscale effect to images

Dracula Dark Mode offers invert image facility. This facility allows inverting any images via settings page or live dark mode edit

Sometimes all the images don’t look better in dark mode and you might want to replace them in dark mode. Dracula Dark Mode lets you replace the light-mode images with different images in dark mode

As like image and video replacement you might need to replace logo in the dark mode. Dracula Dark Mode allows you to do so as well

Dark Mode Based Image Support feature lets you set different image for dark mode. Also you can customize light mode images and turn them dark mode

As like images Dracula Dark Mode allows you to customize Dark Mode Based Video Support for any kind of videos

Dracula Dark Mode is designed to be compatible with the Elementor Editor. This can be a great way to make the editing experience more comfortable for users. Such as Elementor dark mode switch button, page specific dark mode, and many others

Dracula Dark Mode is designed to be compatible with the classic editor. This can be a great way to make the editing experience more comfortable for users, especially for those who spend a lot of time editing and creating content in WordPress classic editor

Dracula Dark Mode is designed to be compatible with the Elementor Editor. This can be a great way to make the editing experience more comfortable for users. Such as Elementor dark mode switch button, page specific dark mode, and many others

Dracula Dark Mode is designed to be compatible with the WooCommerce. This can be a great compatibility for WooCommerce users to enjoy dark mode WooCommerce interface

Dracula Dark Mode is highly compatible with wide number of thems and plugins. This gives flexiblity for user to enjoy dark mode whatever theme or plugin they are using

You can display the dark mode toggle button anywhere on your website using the [dracula_toggle] shortcode

Dracula Dark Mode allows users to switch between light and dark mode using the keyboard shortcut `(Ctrl + Alt + D)`

Dracula Dark Mode allows you to add your custom CSS code to customize the appearance of the website both in the light and dark mode
Dracula Dark Mode allows you to add your custom CSS code to customize the appearance of the website both in the light and dark mode

Include any elements, pages or posts to be turned into dark mode. This can be handy if you want to include specific elements, pages or posts to be enabled in dark mode

Exclude any elements, pages or posts not to be turned into dark mode. This can be handy if you want to exclude specific elements, pages or posts not to be turned in dark mode

Dracula Dark Mode have the option to export, import or reset the whole settings and further optimize them if necessary

Dracula Dark Mode provides a detailed usage analytics report that allows you to track the number of users who use the dark mode, how many times the dark mode is enabled/ disabled, and many other useful information

Dracula Dark Mode has been developed to be compatible with all devices (PC, Laptop, Smartphone, Tablet, Smart TV and others)

7-Day Money-Back Guarantee

We guarantee 100% satisfaction with our help & support service. However, If you have any bug/issues with our plugin, and we are unable to resolve the issue, We’ll happily refund full amount of your money within 7-day of your purchase.

Processed by Freemius freemius
Trusted payment gateway card
Secure payment payment

Want to try live demo, before purchase?

You can try our instant ready-made demo. The demo allows you to experiment with all the functionality of the plugins on both Front-End and Back-End.

Frequently asked questions

Have more questions? Ask your question here

Yes, Dracula Dark Mode has been built to be compatible with all the popular themes like Divi, Avada, Astra, Generatepress, and almost every WordPress compatibility themes.

Yes, it’s the most unique feature that Dracula Dark Mode plugin has included. You can customize dark mode colors, presets, switches, and texts, and see changes in a real-time preview mode.

Yes, you can display the toggle switch button in any menu of your website. Even you can set the positions of the toggle button at the start or end of the menu.

Yes, you can create your fully customized own custom toggle button using the Toggle Button builder and display it anywhere on your website using the shortcode. You can also customize the switch color, text, layout, icons and many other options.

Dracula Dark Mode provides an advanced image & video replacement feature where you can replace any light mode images & any self-hosted, Youtube, Vimeo, or DailyMotion videos in dark mode.

Yes, you can exclude certain sections or elements on any page to keep them from being affected by dark mode. You have to use proper CSS selectors for the elements in the Excludes settings to exclude them from the dark mode. Even you can also exclude them by just clicking on the elements when you are in live edit dark mode.

Yes, Dracula Dark Mode allows site admins to enable and use dark mode in their admin dashboard. You can also allow the admin dashboard dark mode based on specific user roles (Administrator, Editor, Subscriber, etc).

Yes, Dracula Dark Mode allows you to exclude certain pages, posts, or any custom post types from dark mode from the Excludes settings.

Yes, you can schedule dark mode to turn it on and off automatically based on your selected time. This setting will work based on the user's device time zone.

Yes, you can set different color schemes for different pages by using our page-wise dark mode feature. Using the page-wise dark mode you can use different color schemes for each page to improve your brand image.

Yes, Dracula Dark Mode has support for both the normal mode and dark mode custom CSS. That means you can customize both the light mode and dark mode appearance.

Dracula Dark Mode may have a minimal impact on your site load speed. But we have given ‘Performance Mode’ settings which will improve your website speed loading scripts in a deferred manner to reduce the initial page load time and improve overall website performance.

What People Think about Dracula Dark Mode

We Ensuring high-quality products is one way to help you get consumers to appreciate

it’s working!
5.00

hipertale

it’s working!

it’s working!

Yes, simply put, the plugin works and I’m very happy. I’m using it with Blocksy theme and elementor plugin.best dark mode plugin, best team, thanks SoftLap! I also use your other plugins, reader mode, it’s very good too.

Absolutely the Best😍!!!
5.00

Tharusha Induwara

Absolutely the Best😍!!!

Absolutely the Best😍!!!

I tried so many plugins with high ratings but, none of the plugins didn’t work on my site. And those plugins slow down my site entirely. But finally, I found your plugin and I thought to give it a try. Voila, the dark mode, and my website works perfectly. Thank you so much for developing this plugin and best of luck😇.

Yes it’s a Revolutionary
5.00

DarkMySite

Yes it’s a Revolutionary

Yes it’s a Revolutionary

It’s a great start and the plugin is full of lots of features as well as nice user experience. Best of luck. Wishing from the heart.

The only one that worked flawlesly
5.00

Márcio Duarte

The only one that worked flawlesly

The only one that worked flawlesly

I have tested all the dark mode plugins available on WordPress.org with my theme. None of them worked perfectly and demanded all kinds of changes in the theme code to work. Bummer.Dracula was the only one that worked instantly, simply by activating it. I was amazed and will recommend it to all my clients from now on.

Great Plug-in!!!!
5.00

edfhinton

Great Plug-in!!!!

Great Plug-in!!!!

This is a great plug in because it just works and on the theme I am using it does not mess up my nav menu colors or header image and title the way other dark mode plug-ins do. The only minor item would be that I suggest they put the toggle switch size variations in the free version rather than the paid. That suggestion is only because the Custom CSS needed to override the size of the toggle is almost trivial. I am no expert and 5 minutes in the browser dev tools and my toggle switch in my menu was a more reasonable smaller size so that it did not expand the height of my nav bar. Given how easy to override, there is no point hiding that feature behind the paid version. Still, if that is my only issue, then it is not a detractor. This is the first plug-in I have written a review on but the 5 stars is well deserved because there are so few decent themes that have dark mode built in and I had about given up on including dark mode because my preferred theme doesn’t support it natively.

The Best (7 Stars)
5.00

seriouslysenpai

The Best (7 Stars)

The Best (7 Stars)

Simply the best Dark Mode plugin out there, especially since the latest update. No CSS hacks necessary (though the option is there and seems robust), no plugin incompatibilities, no bugs on refresh, great default colors and the options I cared about most are not pay walled.

Ready to Boost Your Website Accessibility?

Dracula Dark Mode is the perfect solution for anyone looking to enhance their website accessibility by integrating dark mode to their website. Upgrade your website today and experience the ultimate dark mode experience with Dracula Dark Mode.