Skip to main content

Smooth Dark Mode & Enhanced Accessibility for WordPress

Dracula Dark Mode seamlessly converts your WordPress site to a stunning dark mode them using advanced AI algorithm. Designed to reduce eye strain for visitors, its adaptive interface perfectly complements your website's design, making it the top choice for a dark mode solution.

Try Live Demo Buy Now

Reading Mode

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.

Frontend Dark Mode

Frontend dark mode refers to the implementation of a dark color scheme on a website frontend while users interact. This feature is highly applicable for users when they spend a lot of time on your website’s front end.

Admin Dashboard Dark Mode

Dracula Dark Mode allows site admins to enable and use dark mode in their admin dashboard. This provides a consistent look and feel throughout the site, and can also help to reduce eye strain when working in the admin dashboard.

Dynamic, Presets and Custom Colors

Dracula Dark Mode use a smart dynamic algorithm to generate the dark mode color scheme automatically for your website without any complicated configuration. The plugin also provides 8+ popular dark mode color presets and the ability to select your own color scheme.

14+ Toggle Button Styles

Dracula Dark Mode offers a variety of toggle button styles for switching between light and dark mode. You can choose from 14+ different toggle button styles, which can be easily customized to match the website's design and branding. This allows users to give a unique look and feel to the Dark mode toggle button and enhance the overall user experience.

Custom Toggle Button Builder

You don’t have to stick with the toggle buttons we designed for you. You always have the freedom to redesign whatever you are looking for. By using the Toggle Builder feature you can create a custom toggle button for dark mode.

Live Edit Dark Mode

Dark Mode plugin features a live edit widget that allows users to customize the appearance of their dark mode theme in real-time. It allows users to customize a wide range of settings, including the colors customization, toggle button customization, typography settings, exclude elements, image and video replacements, and custom CSS can be customized. This feature can be handy in terms of saving you valuable time than editing on the backend.

Page-Specific Dark Mode Appearance

Dracula Dark Mode allows you to set and customize every page of your website separately with different dark mode color schemes, switch variations, typography styles, and many others settings. This gives you the flexibility and fully customize controls to present every page of your website more perfectly in dark mode and create a unique experience for the visitors.

Dark Mode Usage Analytics

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.

Color Adjustments

Dracula Dark Mode plugin features advanced color adjustment options for its dark mode theme, including brightness, contrast, sepia and grayscale adjustments. These options provide users with greater control over the appearance of their website in dark mode, allowing them to fine-tune the colors to their liking. This can be especially useful for users with visual impairments or those who prefer a specific aesthetic for their website in dark mode.

Auto Match OS Theme

Dracula Dark Mode automatically detect user’s device OS theme and automatically enable website’s dark mode to match the dark mode setting on the user’s device. This allows for a seamless experience for users who prefer to use dark mode on their device.

Floating Dark Mode Toggle Button

Dracula Dark Mode features a floating dark mode toggle button with 14+ attractive styles that allows users to easily switch between the light and dark modes of a website. The floating button is designed to provide a convenient and user-friendly way to access the dark mode feature, regardless of where the user is on the website.

Display Toggle Button in Menu

Dracula Dark Mode also allows to display the toggle button in any of your website navigation menu for an easy interacting & time-consuming dark mode enabling or disabling option for visitors. You can also control the position of the toggle button at the start or end of the menu so that users can easily enable dark mode from the menu.

Image & Video Replacement

Sometimes all the images & videos 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 and videos with different images and videos in dark mode.

Gutenberg & Classic Editor Compatibility

Dracula Dark Mode is designed to be compatible with both the classic editor and the block 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.

Custom CSS

Dracula Dark Mode allows you to add your Custom CSS code to customize the appearance of the website when it is in dark mode.

Never Miss Any Single Feature

Let's explore which features are absolute you can add
to stand out and give even more value

Toggle Button Shortcode

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

Default Dark Mode

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

Dashboard Dark Mode For Specific User Roles

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

Custom Toggle Button Size

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

Custom Toggle Button Position

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

Dark Mode Based Typography

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

Include Elements, Pages & Posts

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

Excludes Elements, Pages & Posts

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

Custom CSS Support

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

Wide Page Builder Compatibility

Dracula Dark Mode is compatible with wide number of page builders. Ex: Classic Editor, Guttenberg, Elementor, and many others. This compatibility gives freedom to use anywhere users and website owners wants

Export, Import, Reset Settings

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

Time based dark mode

Dracula Dark Mode allows to schedule the dark mode based on the time of the day.

URL Parameter

Dracula Dark Mode allows you to enable/ disable dark mode by adding the darkmode and lightmode parameter to the website URL

Draggable Floating Switch

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

Keyboard Shortcut

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

Gutenberg Dark Mode Toggle Switch Block

Embed a dark mode switch directly within the Gutenberg editor for easy reader access.

Elementor Dark Mode Toggle Switch Block

Add a dark mode toggle to your Elementor designs effortlessly.

Dark Mode Page Transition Animation

Smooth and stylish transitions when switching between dark and light modes.

Toggle Switch Attention Effect

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

Unlock the Benefits of Integration Our
Dark Mode plugin

Explore the reasons why website owners should consider implementing our Dark Mode solution

Increase User
Highlight Content

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!


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 dark mode plugin, best team, thanks SoftLap! I also use your other plugins, reader mode, it’s very good too.

Absolutely the Best😍!!!

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


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

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 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!!!!


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)


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.

Wide Compatibility

Let's explore which features are absolute you can add to stand out and give even more value

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.